@charset "utf-8";
/* CSS Document */
/**************************公共样式**************************/
body {background: #FFF;color: #666; position: relative;}
body, td, input, textarea, select, button {color: #666;font-size: 12px;font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;}
label{ font-weight: normal;}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0;padding: 0;}
ul, ol, li {list-style-image: none;list-style-type: none;}
a {color: #666; text-decoration: none; blr:expression(this.onFocus=this.blur());outline:none; }
a:active {star:expression_r(this.onFocus=this.blur());} 
a:hover {color: #1B9AF7;text-decoration: none;cursor: pointer}
a:focus, input[type=button] ,input[type=submit] { outline:none !important; } 
input, button, select, textarea {outline: none}
input::-ms-clear { display: none; }/*去掉ie下input框自带输入时框内的叉号清空按钮*/
input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
@-webkit-keyframes autofill { to { color: #777; background: transparent; } }
/* webkit, opera, IE9 */
::selection { background:#FF9F24; color: #fff;}
/* mozilla firefox */
::-moz-selection { background:#FF9F24; color: #fff; }

a img {border: none;}
i,em{ font-style:normal;}
i.fa {font-size: 14px;vertical-align: middle;margin-right: 4px;}
.clear { clear: both; height: 0; font-size: 0; line-height:0; }

/*字号*/
.f12 { font-size:12px !important;}
.f13 { font-size:13px !important;}
.f14 { font-size:14px !important;}
.f16 { font-size:16px !important;}
.f20 { font-size:20px !important;}
.fb { font-weight:bold !important;}
.fn { font-weight:normal !important;}

/*宽度weight*/
.w-auto{ width:auto !important;}
.w10 { width:10px !important;}
.w20 { width:20px !important;}
.w30 { width:30px !important;}
.w40 { width:40px !important;}
.w50 { width:50px !important;}
.w60 { width:60px !important;}
.w70 { width:70px !important;}
.w80 { width:80px !important;}
.w90 { width:90px !important; }
.w100 { width:100px !important;}
.w120 { width:120px !important;}
.w130 { width:130px !important;}
.w150 { width:150px !important;}
.w180 { width:180px !important;}
.w200 { width:200px !important;}
.w250 { width:250px !important;}
.w300 { width:300px !important;}
.w350 { width:350px!important;}
.w400 { width:400px!important;}
.w450 { width:450px!important;}
.w500 { width:500px !important;}
.w550 { width:550px!important;}
.w600 { width:600px !important;}
.w700 { width:700px !important;}
.w750 { width:750px !important;}
.w800 { width:800px !important;}
.w900 { width:900px !important;}
.w1100{ width:1100px !important}
/*高度height*/
.h-auto{ height:auto !important}
.h10{ height:10px !important;}
.h20{ height:20px !important;}
.h30{ height:30px !important;}
.h40{ height:40px !important;}
.h50{ height:50px !important;}
.h60{ height:60px !important;}
.h70{ height:70px !important;}
.h80{ height:80px !important;}
.h90{ height:90px !important;}
.h100{ height:100px !important;}
.h120{ height:120px !important;}
.h150{ height:150px !important;}
.h180{ height:180px !important;}
.h200{ height:200px !important;}
.h250{ height:250px !important;}
.h300{ height:300px !important;}
.h400{ height:400px !important;}
.h500{ height:500px !important;}
.h600{ height:600px !important;}
.h700{ height:700px !important;}
.h800{ height:800px !important;}
.h900{ height:900px !important;}
/*margin*/
.m-auto {margin:0 auto!important}
.m-0 {margin:0!important}
.m-1 {margin:1px!important}
.m-2 {margin:2px!important}
.m-3 {margin:3px!important}
.m-4 {margin:4px!important}
.m-5 {margin:5px!important}
.m-10 {margin:10px!important}
.m-15 {margin:15px!important}
.m-20 {margin:20px!important}
.m-25 {margin:25px!important}
.m-30 {margin:30px!important}
.m-35 {margin:35px!important}
.m-40 {margin:40px!important}
.m-t-0 {margin-top:0!important}
.m-t-1 {margin-top:1px!important}
.m-t-2 {margin-top:2px!important}
.m-t-3 {margin-top:3px!important}
.m-t-4 {margin-top:4px!important}
.m-t-5 {margin-top:5px!important}
.m-t-10 {margin-top:10px!important}
.m-t-15 {margin-top:15px!important}
.m-t-20 {margin-top:20px!important}
.m-t-25 {margin-top:25px!important}
.m-t-30 {margin-top:30px!important}
.m-t-35 {margin-top:35px!important}
.m-t-40 {margin-top:40px!important}
.m-r-0 {margin-right:0!important}
.m-r-1 {margin-right:1px!important}
.m-r-2 {margin-right:2px!important}
.m-r-3 {margin-right:3px!important}
.m-r-4 {margin-right:4px!important}
.m-r-5 {margin-right:5px!important}
.m-r-10 {margin-right:10px!important}
.m-r-15 {margin-right:15px!important}
.m-r-20 {margin-right:20px!important}
.m-r-25 {margin-right:25px!important}
.m-r-30 {margin-right:30px!important}
.m-r-35 {margin-right:35px!important}
.m-r-40 {margin-right:40px!important}
.m-b-0 {margin-bottom:0!important}
.m-b-1 {margin-bottom:1px!important}
.m-b-2 {margin-bottom:2px!important}
.m-b-3 {margin-bottom:3px!important}
.m-b-4 {margin-bottom:4px!important}
.m-b-5 {margin-bottom:5px!important}
.m-b-10 {margin-bottom:10px!important}
.m-b-15 {margin-bottom:15px!important}
.m-b-20 {margin-bottom:20px!important}
.m-b-25 {margin-bottom:25px!important}
.m-b-30 {margin-bottom:30px!important}
.m-b-35 {margin-bottom:35px!important}
.m-b-40 {margin-bottom:40px!important}
.m-l-0 {margin-left:0!important}
.m-l-1 {margin-left:1px!important}
.m-l-2 {margin-left:2px!important}
.m-l-3 {margin-left:3px!important}
.m-l-4 {margin-left:4px!important}
.m-l-5 {margin-left:5px!important}
.m-l-10 {margin-left:10px!important}
.m-l-15 {margin-left:15px!important}
.m-l-20 {margin-left:20px!important}
.m-l-25 {margin-left:25px!important}
.m-l-30 {margin-left:30px!important}
.m-l-35 {margin-left:35px!important}
.m-l-40 {margin-left:40px!important}
/*padding*/
.p-0 {padding:0!important}
.p-1 {padding:1px!important}
.p-2 {padding:2px!important}
.p-3 {padding:3px!important}
.p-4 {padding:4px!important}
.p-5 {padding:5px!important}
.p-10 {padding:10px!important}
.p-15,.wrapper {padding:15px!important}
.p-20 {padding:20px!important}
.p-25 {padding:25px!important}
.p-30 {padding:30px!important}
.p-35 {padding:35px!important}
.p-40 {padding:40px!important}
.p-t-0 {padding-top:0!important}
.p-t-1 {padding-top:1px!important}
.p-t-2 {padding-top:2px!important}
.p-t-3 {padding-top:3px!important}
.p-t-4 {padding-top:4px!important}
.p-t-5 {padding-top:5px!important}
.p-t-10 {padding-top:10px!important}
.p-t-15 {padding-top:15px!important}
.p-t-20 {padding-top:20px!important}
.p-t-25 {padding-top:25px!important}
.p-t-30 {padding-top:30px!important}
.p-t-35 {padding-top:35px!important}
.p-t-40 {padding-top:40px!important}
.p-r-0 {padding-right:0!important}
.p-r-1 {padding-right:1px!important}
.p-r-2 {padding-right:2px!important}
.p-r-3 {padding-right:3px!important}
.p-r-4 {padding-right:4px!important}
.p-r-5 {padding-right:5px!important}
.p-r-10 {padding-right:10px!important}
.p-r-15 {padding-right:15px!important}
.p-r-20 {padding-right:20px!important}
.p-r-25 {padding-right:25px!important}
.p-r-30 {padding-right:30px!important}
.p-r-35 {padding-right:35px!important}
.p-r-40 {padding-right:40px!important}
.p-b-0 {padding-bottom:0!important}
.p-b-1 {padding-bottom:1px!important}
.p-b-2 {padding-bottom:2px!important}
.p-b-3 {padding-bottom:3px!important}
.p-b-4 {padding-bottom:4px!important}
.p-b-5 {padding-bottom:5px!important}
.p-b-10 {padding-bottom:10px!important}
.p-b-15 {padding-bottom:15px!important}
.p-b-20 {padding-bottom:20px!important}
.p-b-25 {padding-bottom:25px!important}
.p-b-30 {padding-bottom:30px!important}
.p-b-35 {padding-bottom:35px!important}
.p-b-40 {padding-bottom:40px!important}
.p-l-0 {padding-left:0!important}
.p-l-1 {padding-left:1px!important}
.p-l-2 {padding-left:2px!important}
.p-l-3 {padding-left:3px!important}
.p-l-4 {padding-left:4px!important}
.p-l-5 {padding-left:5px!important}
.p-l-10 {padding-left:10px!important}
.p-l-15 {padding-left:15px!important}
.p-l-20 {padding-left:20px!important}
.p-l-25 {padding-left:25px!important}
.p-l-30 {padding-left:30px!important}
.p-l-35 {padding-left:35px!important}
.p-l-40 {padding-left:40px!important}
.col-xs-12 { text-align: center;}
/*间距样式*/
.l-h-0{ line-height:0px !important;}
.l-h-12{ line-height:12px !important;}
.l-h-14{ line-height:14px !important;}
.l-h-16{ line-height:16px !important;}
.l-h-18{ line-height:18px !important;}
.l-h-22{ line-height:22px !important;}
.l-h-24{ line-height:24px !important;}
.l-h-26{ line-height:26px !important;}
.l-h-32{ line-height:32px !important;}
.l-h-34{ line-height:34px !important;}
.l-h-36{ line-height:36px !important;}
.l-h-38{ line-height:38px !important;}
/*文字颜色*/
.c-red{ color:#FF3535 !important;}
.c-blue{ color:#1B9AF7 !important;}
.c-green{ color:#5BB85D !important;}
.c-spe{ color: #FF6A6A !important;}
.c-warning{color: #EFAD4D !important;}
.c-yellow{color:#FFB300 !important}
.c-brown{color: #AF874D !important;}
.c-orange{ color:#FF723A !important}
.c-999{ color:#999 !important}
.c-666{ color:#666 !important}
.c-333{ color:#333 !important}
.c-000{ color:#000 !important}
.c-aaa{ color:#aaa !important}
.c-bbb{ color:#bbb !important}
.c-ccc{ color:#bbb !important}
.c-ddd{ color:#ddd !important}
.c-eee{ color:#eee !important}
.c-fff{ color:#fff !important}
/*背景颜色*/
.bg-none{ background:none !important}
.bg-f5f{ background:#f5f5f5 !important}
.bg-f8f{ background:#f8f8f8 !important}
.bg-fff{ background:#ffffff !important}
.bg-aaa{ background:#aaaaaa !important}
.bg-bbb{ background:#bbbbbb !important}
.bg-ccc{ background:#cccccc !important}
.bg-ddd{ background:#dddddd !important}
.bg-eee{ background:#eeeeee !important}
.bg-000{ background:#000000 !important}
.bg-333{ background:#333333 !important}
.bg-666{ background:#666666 !important}
.bg-999{ background:#999999 !important}
/*border颜色*/
.bc-none{ border-color:none !important}
.bc-000{ border-color:#000 !important}
.bc-333{ border-color:#333 !important}
.bc-666{ border-color:#666 !important}
.bc-999{ border-color:#999 !important}
.bc-fff{ border-color:#fff !important}
.bc-bbb{ border-color:#bbb !important}
.bc-ccc{ border-color:#ccc !important}
.bc-ddd{ border-color:#ddd !important}
.bc-eee{ border-color:#eee !important}
/*文字对齐样式*/
.text-c{text-align:center !important}
.text-l{text-align:left !important}
.text-r{text-align:right !important;}
/*相对定位与绝对定位*/
.pos-r{position:relative !important}
.pos-a{position:absolute !important}
.pos-f{position:fixed !important}
/*圆角*/
.br-0{ border-radius:0px !important}
.br-1{ border-radius:1px !important}
.br-2{ border-radius:2px !important}
.br-3{ border-radius:3px !important}
.br-4{ border-radius:4px !important}
.br-5{ border-radius:5px !important}
/*border样式*/
.b-n{ border:none !important;}
.b-r-0{ border-right:0px !important;}
.b-r-1{ border-right:1px !important;}
.b-l-0{ border-left:0px !important;}
.b-l-1{ border-left:1px !important;}
.b-t-0{ border-top:0px !important;}
.b-t-1{ border-top:1px !important;}
.b-b-0{ border-bottom:0px !important;}
.b-b-1{ border-bottom:1px !important;}
/*label样式*/
.label,.label.label-default{padding: 0px 5px; background:#fff; font-weight:500; color:#666; border-radius: 2px; border:1px solid #ddd; font-size:12px; margin:2px; display:inline-block;height: 18px; line-height: 18px;}
.label.small,.label-sm{ font-size:11px;}
.label.big,.label-lg{ font-size:12px; padding:0px 8px; height:22px; line-height: 22px;}
.label.label-orange{ color:#fff; background:#f60; border:0;}
.label.label-danger,.label.label-red{ color:#fff; background:#FC7C79; border:0;}
.label.label-danger:hover,.label.label-red:hover{ background: #FC6C69;}
.label.label-warning,.label.label-yellow{ color:#fff; background:#FF9F24; border:0;}
.label.label-warning:hover,.label.label-yellow:hover{ background: #FF9411;}
.label.label-primary,.label.label-blue{ color:#fff; background:#67C1FF; border:0;}
.label.label-primary:hover,.label.label-blue:hover{  background: #57BCFF;}
.label.label-success,.label.label-green{ color:#fff; background:#6DD26A; border:0;}
.label.label-success:hover,.label.label-green:hover{ background:#62CF5F ;}
.label.label-close,.label.label-ash{ color:#999; background:#f5f5f5;}
.label.label-close:hover,.label.label-ash:hover{ color: #999; background: #f2f2f2;}
.label.label-purple{ color:#fff; background: #AE00FF; border: 0px;}
.label.label-purple:hover{ color: #fff; background: #A300F0;}
.label.label-scarlet{ color:#fff; background: #FF0000; border: 0px;}
.label.label-scarlet:hover{ color: #fff; background: #F40000;}
.tag{ color:#888; border:1px solid #A2A2A2; font-size:12px; margin:1px 2px; padding: 3px 7px; border-radius: 14px; line-height: 14px; display:inline-block; float:left; height: 21px;}
/*vertical-align设置*/
.va-central{ vertical-align:central !important}
.va-bottom{ vertical-align:bottom !important}
.va-inherit{ vertical-align:inherit !important}
.va-middle{ vertical-align:middle !important}
.va-top{ vertical-align:top !important}
.va-sub{ vertical-align:sub !important}
.va-super{ vertical-align:super !important}
/*float-none*/
.pull-none{ float:none !important}
/*overflow设置*/
.over-visible{ overflow:visible !important}
.over-hidden{ overflow:hidden !important}
.over-scroll{ overflow:scroll !important}
/*visibility设置*/
.vis-hidden{visibility:hidden !important}
.vis-visible{visibility:visible!important}
/*显示样式*/
.disp-block{ display:block !important}
.disp-inl{ display:inline !important}
.disp-inh{ display:inherit !important}
.disp-inlblock{ display:inline-block !important}
.disp-inltable{ display:inline-table !important}
.disp-lisitem{ display:list-item !important}
/*动画速度调节，原默认为1s，现调节稍快些为0.5s*/
.animated { animation-duration: 0.5s;}
/*点击旋转ICON图标速度，默认fa-spin是2s*/
.fa-spin.s02 {animation: 0.2s linear 0s normal none infinite running fa-spin;}
.fa-spin.s05 {animation: 0.5s linear 0s normal none infinite running fa-spin;}
.fa-spin.s1 {animation: 1s linear 0s normal none infinite running fa-spin;}
/*鼠标样式*/
.cur-d{ cursor:default !important}
.cur-p{ cursor:pointer !important}
.cur-m{ cursor:move !important}
.cur-n{ cursor:none !important}
.cur-not{ cursor:not-allowed !important}
.cur-w{ cursor:wait !important}
.cur-h{ cursor:help !important}

/****************************页面附属元素样式（所用插件调整样式及页面基本布局等样式）****************************/
/*title文字提示*/
.tooltip{margin-left:4px; }
.tooltip .tooltip-arrow{ display:none;}
.tooltip .tooltip-inner{ background:none;}
.tooltip.in{ color: #FFF !important; font-size:12px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5333333', endColorstr='#E5333333')!important; box-shadow: 0px 0px 5px #AAA;
background:rgba(51,51,51,0.9) !important;border:0!important; box-shadow: 0 0 5px rgba(0,0,0,0.25)!important;border-radius:3px;}
/*title文字提示  //jquery-ui提示工具，需要引用jquery-ui.js配合使用，可以跟随鼠标使用
.ui-tooltip { padding: 6px 8px; position: absolute; z-index: 9999; max-width: 300px; box-shadow: 0px 0px 5px #AAA;}
.ui-tooltip { color: #FFF !important; font-size:12px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5333333', endColorstr='#E5333333')!important;
background: rgba(51,51,51,0.9) !important; border: 0!important; box-shadow: 0 0 5px rgba(0,0,0,0.25)!important; border-radius:3px; }
*/
.tooltip.tooltip-main.in{ min-width:auto;}
/*自定义滚动条样式*/
.mCSB_scrollTools .mCSB_draggerRail { background:none !important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#000;opacity: 0.2; width:6px;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background:#000;opacity: 0.2; width:6px;}
.mCSB_outside + .mCSB_scrollTools { right:0px;}
.mCSB_scrollTools:hover { opacity:1}

/*模态框样式*/
.modal-open .modal{ /*overflow:hidden*/}
.modal { top:5%;min-width: 300px;}
@media (min-width:992px){.modal-dialog {width: 640px;}}
@media (min-width:1200px){.modal-dialog {width: 50%;}}
@media (min-width:992px){.modal-dialog.modal-lg {width: 840px;margin: 10px auto;}}
@media (min-width:1200px){.modal-dialog.modal-lg {width: 90%;}}
@media (min-width:468px){.modal-dialog.modal-sm {width: 480px;margin: 10px auto;}}
@media (min-width:768px){.modal-dialog.modal-sm {width: 480px;}}
@media (min-width:992px){.modal-dialog.modal-sm {width: 480px;}}
@media (min-width:1200px){.modal-dialog.modal-sm {width: 40%;}}
.modal-content { border-radius:0px;}
.modal-header{padding: 10px 15px;}
.modal-header h5{ font-size:16px;}
.modal-header .close { font-size: 28px; margin-top: -4px; font-weight: normal;}
.modal-footer,.layui-layer-dialog .layui-layer-content .modal-footer { padding: 10px 15px; margin: 0px -20px;background: #fff; border-top: 1px solid #E5E5E5; margin-top:10px; position: static; bottom: 0px; }
.modal-body .btn,.modal-footer .btn{padding: 8px 16px !important; font-size:12px !important; border-radius:2px!important;line-height: 14px !important;}
.modal-body .btn.btn-sm{ padding:4px 9px !important; border-radius:3px !important}
.modal-body .modal-footer{ margin: 0px -15px -15px}
.layui-layer-page .layui-layer-content .modal-body{ padding-bottom:55px;}
.layui-layer-page .layui-layer-content .modal-footer{ margin: 0; width: 100%; position:absolute; bottom:0px; left:0px; right:0px;}
/*layer弹框样式*/
.layui-layer-title { color:#666;}
.layui-layer-btn a.layui-layer-btn0{ background:#1B9AF7; border-color:#078AEB;}
.layui-layer-btn a.layui-layer-btn0:hover{ background:#078AEB; border-color:#0681DB}
.layui-layer-btn a.layui-layer-btn1{color: #666; border: 1px solid #DDD; background-color: #F7F7F7;}
.layui-layer-btn a.layui-layer-btn1:hover{ border: 1px solid #DDD; background-color: #FFF;}

/*警告框样式*/
.top-alert-box{position: fixed;top: 10px; right:10px;z-index:10000; width:300px; }
.alert-bar{width:100%;background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0% !important; box-shadow: 0px 2px 3px #CFCFCF;color:#777; position:relative;}
.top-alert-box .alert { margin-bottom:10px;}
.alert-bar .close{left: auto;position: absolute;right: 15px;top: -1px; background: #FF5B57 none repeat scroll 0% 0% !important; color:#fff;opacity:1;line-height: 14px !important; text-align:center; font-size:16px; width:16px; height:16px;}

/*开关控制样式*/
.bootstrap-switch{ border:none; border-radius:2px;}
.bootstrap-switch.bootstrap-switch-wrapper,.bootstrap-switch.bootstrap-switch-focused,.bootstrap-switch.bootstrap-switch-on { border:1px solid #58B4FF;}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { transition: margin-left 100ms ease 0s;}
.bootstrap-switch.bootstrap-switch-off{ border:1px solid #A2B0B0;}
.bootstrap-switch .bootstrap-switch-handle-on {border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
.bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background:#58B4FF;border-color: #58B4FF;}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { color:#fff;background-color: #A2B0B0;}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { padding:2px 7px;}

/*下拉带模糊查找*/
.bootstrap-select.btn-group .dropdown-menu li{ font-size:12px;}
.bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox {display: block; height: auto; overflow: hidden;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {background-color:#1B9AF7}
.open > .dropdown-toggle.btn-primary{background-color: #1B9AF7; border-color: #078AEB;}
.bootstrap-select .btn:focus{	outline:none !important;}
.dropdown-menu{ border-radius:0px;box-shadow: 0 2px 3px rgba(0,0,0,.175); font-size: 12px; padding:0;}
.dropdown-menu > li > a{ padding: 5px 15px; color:#444;}
.dropdown-menu > li > a:hover{ background:#40A8EF; color:#fff}
.dropdown-menu .divider{ margin:0;}
/*取色插件*/
.evo-cp-wrap{ position:relative}
.evo-pop ,.evo-pop-ie{background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; *background:#fff;_background:#fff; z-index: 10000; padding:0px; *padding:3px; _padding:3px; border: 1px solid #AAA; top: 35px;}
.evo-color div { width:20px; height:20px; }
.evo-cHist div { cursor: pointer; border: 1px solid #C0C0C0; padding: 3px; margin: 5px; width: 20px; height: 20px; float: left;}
.evo-color span {font-size: 12px !important; line-height: normal !important;}
.evo-more {padding: 10px 5px !important; font-size: 11px !important; text-align: center;}
.evo-more a { color: #27A9E3;}
.evo-colorind-ie{ top:5px}
.evo-palette-ie td,.evo-palette td{ padding:7px !important;}
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff { margin-top:5px;}
/*rangeSlider样式,如果背景图片出来，可将样式适应删除*/
.irs-slider {  width: 18px; height: 18px;  top: 22px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); border-radius: 99%; cursor: move;}
.irs-line span { background:#E1E4E9}
.irs-line .irs-line-left { border-radius:4px 0 0 4px;}
.irs-line .irs-line-right { border-radius:0 4px 4px 0;}

/*文本添加标签*/
.table-content .form-group .bootstrap-tagsinput{height: auto;min-height: 32px;border-radius: 2px;padding: 3px 12px 2px !important;transition: none 0s ease 0s;font-size: 12px; display:inline-block;line-height: 1.42857;border: 1px solid #D7D7D7;
color: #999;box-shadow:none; width:100%;overflow: auto;}
@media (min-width:468px) {.table-content .form-group .bootstrap-tagsinput{ width:280px;}}
@media (min-width:768px) {.table-content .form-group .bootstrap-tagsinput{ width:300px;}}
@media (min-width:992px) {.table-content .form-group .bootstrap-tagsinput{ width:300px;}}
@media (min-width:1200px) {.table-content .form-group .bootstrap-tagsinput{ width:300px;}}
.bootstrap-tagsinput input{ border:none !important;box-shadow:none !important; margin: 5px 5px 2px 0px;}
.bootstrap-tagsinput .tag { font-size:12px; font-weight:400; margin: 2px 5px 2px 0px;position: relative;display: inline-block;line-height: inherit;}
.bootstrap-tagsinput:hover{border: 1px solid #1B9AF7 !important;box-shadow: 0px 0px 0px 2px rgba(82, 168, 236, 0.15)!important;outline: 0px none;}
.bootstrap-tagsinput .tag.label-info{ background-color:#1B9AF7}
.bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow:none; color:#f8f8f8}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow:none;}
.tagit .ui-icon-close { background: transparent none repeat scroll 0% 0% !important;height: 22px !important; width: 16px !important; text-indent: 0px !important;}

/*loading页面居中缓载css*/
.loading{ position:fixed; top:43%; left:40%; z-index:22; display:block; *display:none; _display:none;}
@media (min-width:468px){.loading{left:43%}}
@media (min-width:768px){.loading{left:49%}}
@media (min-width:992px){.loading{left:49%}}
@media (min-width:1200px){.loading{left:49%}}
.loading .ball-pulse-sync > div{ background:rgba(255, 68, 0, 0.95) none repeat scroll 0% 0%;width:18px; height:18px; margin:1px}
.loading .ball-beat > div{ background:#FA8A28 none repeat scroll 0% 0%; width:18px; height:18px; margin:1px;animation: 0.3s linear 0s normal none infinite running ball-beat;}
/*.loader-inner*/
.layer-msg-loading {border-radius: 6px !important; min-width: 60px !important; box-shadow: 0px 0px 0px rgba(0,0,0,.2) !important;}
.layer-msg-loading .layui-layer-content {padding: 10px !important; height:auto !important}
.layer-msg-loading img {display: none;}
.layer-msg-loading-simple {border-radius: 6px !important; min-width: 60px !important; box-shadow: 0px 0px 0px rgba(0,0,0,.2) !important; background-color: transparent !important; border: none !important; box-shadow: none !important;}
.layer-msg-loading-simple .layui-layer-content {padding: 10px !important; overflow: hidden; height: 60px !important;}
.loader-inner{ margin:auto;position: relative;width: 40px;height: 40px; }
.loader-inner img{width: 16px; height: 16px;position: absolute;max-width: 16px;max-height: 16px;top: 50%; left:50%; margin-top:-8px; margin-left:-8px;}
.layui-layer-content .loader-inner.ball-clip-rotate > div {width:30px !important; height:30px !important; border: 3px solid #fff; border-radius: 99%; border-color:#ffffff; border-bottom-color: transparent; position: absolute;
left: 50%; margin-left: -15px; top: 50%; margin-top: -15px;}
@keyframes rotate {
 0% {-webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1);}
 100% {-webkit-transform: rotate(360deg) scale(1);transform: rotate(360deg) scale(1);}}
@keyframes scale {
 30% {-webkit-transform: scale(0.3);transform: scale(0.3);}
 100% {-webkit-transform: scale(1);transform: scale(1);}
}
/*转圈loading*/
.la-ball-spin-clockwise, .la-ball-spin-clockwise > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.la-ball-spin-clockwise { display: block; font-size: 0; color: #fff; }
.la-ball-spin-clockwise.la-dark { color: #333; }
.la-ball-spin-clockwise > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; }
.la-ball-spin-clockwise { width: 48px; height: 48px; color: #FC7249 }
.la-ball-spin-clockwise > div { position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: ball-spin-clockwise 1s infinite ease-in-out; -moz-animation: ball-spin-clockwise 1s infinite ease-in-out; -o-animation: ball-spin-clockwise 1s infinite ease-in-out; animation: ball-spin-clockwise 1s infinite ease-in-out; }
.la-ball-spin-clockwise > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -.875s; -moz-animation-delay: -.875s; -o-animation-delay: -.875s; animation-delay: -.875s; }
.la-ball-spin-clockwise > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -.75s; -moz-animation-delay: -.75s; -o-animation-delay: -.75s; animation-delay: -.75s; }
.la-ball-spin-clockwise > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -.625s; -moz-animation-delay: -.625s; -o-animation-delay: -.625s; animation-delay: -.625s; }
.la-ball-spin-clockwise > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -.5s; -moz-animation-delay: -.5s; -o-animation-delay: -.5s; animation-delay: -.5s; }
.la-ball-spin-clockwise > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -.375s; -moz-animation-delay: -.375s; -o-animation-delay: -.375s; animation-delay: -.375s; }
.la-ball-spin-clockwise > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -.25s; -moz-animation-delay: -.25s; -o-animation-delay: -.25s; animation-delay: -.25s; }
.la-ball-spin-clockwise > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -.125s; -moz-animation-delay: -.125s; -o-animation-delay: -.125s; animation-delay: -.125s; }
.la-ball-spin-clockwise > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }
/** Animation*/
@-webkit-keyframes ball-spin-clockwise {
    0%,100% { opacity: 1; -webkit-transform: scale(1);  transform: scale(1);}
    20% { opacity: 1; }
    80% { opacity: 0; -webkit-transform: scale(0);  transform: scale(0); }}
@-moz-keyframes ball-spin-clockwise {
    0%, 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1);}
    20% { opacity: 1;}
    80% { opacity: 0; -moz-transform: scale(0);  transform: scale(0);}}
@-o-keyframes ball-spin-clockwise {
    0%, 100% {  opacity: 1; -o-transform: scale(1); transform: scale(1);}
    20% {opacity: 1;}
    80% { opacity: 0; -o-transform: scale(0); transform: scale(0);}}
@keyframes ball-spin-clockwise {
    0%, 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1);  -o-transform: scale(1); transform: scale(1);}
    20% { opacity: 1;}
    80% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0);  -o-transform: scale(0); transform: scale(0);}}

/*进度条*/
.pop-bg{ background:rgba(255, 255, 255, 0.85); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999;}
.progress-box{ width:300px; position:absolute; top:50%; margin-top:-50px; left:50%; margin-left:-150px; z-index:99999;}
.progress-box .progress{border-radius: 99px;}
.progress-box p{ color:#777; font-size:14px; text-align:center;}
.progress-box p strong{ margin:0px 5px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#f60}
.progress-box .loading-img{  height:32px; font-size: 14px; width: 150px; margin:auto auto 15px}
.progress-box .loading-img img{ margin-right:10px;}

/*返回顶部、底部控制（感觉没什么用，已隐藏） */
.scroll-to-top{ display:none; position:fixed; display:block; right:-100px; bottom:10px; width:45px; height:45px; line-height:45px; background-color:#fff; color:#22BAA0; border: 1px solid #E6E6E6; text-align:center; z-index:10; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 0 1px rgba(0,0,0,.05); -moz-box-shadow:0 0 1px rgba(0,0,0,.05);-webkit-box-shadow:0 0 1px rgba(0,0,0,.05); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; opacity: 0.5; box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.25);}
.scroll-to-top:focus,.scroll-to-top:hover{ background-color:#22BAA0; color:#fff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; opacity:1; border:1px solid #16A086;}
.scroll-to-top .fa{ font-size:14px; margin:0px;}
.scroll-to-top.active{right:10px;display: none;}
/*返回顶部（2）*/
.totop {position: fixed;z-index: 998; bottom: 10px; right: 10px; display: block;width: 40px; height: 40px; line-height: 40px;border-radius: 50%; background-color: rgba(34,186,160,.8); color: rgba(255,255,255,.8); text-align: center;text-shadow: 0 -1px 0 rgba(0,0,0,.1);font-size: 16px; }
.totop:active, .totop:focus, .totop:hover { color: rgba(255,255,255,.9); background-color: rgba(33,177,152,.9); outline: 0;}
.totop i{ color:#fff; margin:0;}
.totop.animation{visibility: hidden;}
.animation.animated{visibility: visible; animation-duration: 1s;}

/*按钮样式*/
.btn { font-size: 12px; padding: 8px 16px; line-height: 14px; border-radius:3px; vertical-align:middle;}
.btn.active, .btn:active { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.10) inset;}
.btn.clear{ height:auto !important;} 
/*默认按钮*/
.btn-default {color: #666; border: 1px solid #DDD; background-color: #F7F7F7;}
.btn-default:hover { color: #666; border: 1px solid #DDD; background-color: #FFF;}	
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {color: #666;background-color: #fff;border-color: #ddd}
/*蓝色primary按钮*/
.btn-primary{ background:#58B4FF; border-color:#42AAFF; color: #fff !important;}
.btn-primary:hover{ background:#42AAFF; border-color:#3CA7FF}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {color: #fff;background-color: #42AAFF;border-color:#3CA7FF}
.btn-primary.focus, .btn-primary:focus { background-color:#42AAFF; border-color:#3CA7FF}
/*绿色success按钮*/
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {color: #fff;background-color: #449D44;border-color: #398439;}
/*浅蓝info按钮*/
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {color: #fff;background-color: #31B0D5;border-color:#269ABC;}
/*黄色warning按钮*/
.btn-warning{ background:#FF9F24; border-color:#FF920B; color:#fff !important }
.btn-warning:hover{ background:#FF981A; border-color:#FF920B}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover {color: #fff;background-color:#EC971F;border-color: #D58512;}
/*红色danger按钮*/
.btn-danger{ background:#FF6262; border-color:#FF5B5B;}
.btn-danger:hover{ background:#FF5B5B; border-color:#FF6262}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus,.btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {color: #fff;background-color: #C9302C;border-color: #AC2925;}
/*蓝绿色operate按钮*/
.btn-operate{ background: #0CC; border-color: #08c5c5; color: #fff;}
.btn-operate:hover{ background: #07bdbd; border-color: #0ab9b9; color: #fff;}
.btn-operate.active.focus, .btn-operate.active:focus, .btn-operate.active:hover, .btn-operate:active.focus, .btn-operate:active:focus, .btn-operate:active:hover{color: #fff;background-color: #07bdbd;border-color: #0ab9b9}
/*禁用按钮样式*/
.btn.disabled, .btn[disabled]{ text-shadow: none; opacity: 1; color: #BBB !important; border: 1px solid #DDD !important; background-color: #F7F7F7 !important;  filter: none;}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn { pointer-events:auto !important; cursor: not-allowed; box-shadow: none;}
/*链接按钮*/
.btn-link{display: inline-block;}
/*按钮大小*/
.btn-xs{padding: 1px 5px !important;font-size: 11px !important;line-height: 1.5 !important;border-radius: 3px ; height:auto !important}
.btn-sm{padding:2px 9px !important;font-size:12px !important;line-height:1.5 !important;border-radius:3px;height:auto !important}
.btn-best{padding: 8px 16px !important;font-size: 12px !important;vertical-align: initial;}
.btn-lg{padding: 5px 68px !important; font-size: 15px !important; line-height: 26px !important;height:auto !important}
.btn-xs i{font-size: 1.2em;}


/*****************************表格样式******************************/
/*table自适应及table列表样式*/
.table-responsive{min-height: auto; overflow-y:hidden;}
.table-responsive .table { border:none;}@media (min-width:480px) {.table-responsive .table{ border:none;}}@media (min-width:768px) {.table-responsive .table{ border:1px solid #eee}}@media (min-width:992px) {.table-responsive .table{ border:1px solid #eee}}@media (min-width:1200px) {.table-responsive .table{ border:1px solid #eee}}
.table { background: #FFF none repeat scroll 0% 0%; font-size: 12px; border: 1px solid #ddd}
.table thead tr th { padding: 10px 4px; color: #333; font-weight: 500; border-bottom: 1px solid #eee; background-color: #F9F9F9; text-align: left; font-size:13px;vertical-align: middle;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border-top: 1px solid #eee;}
.table tbody tr td { padding: 10px 4px; vertical-align: middle; text-align: left; color:#444;}
.table tbody tr td a{ color:#333;}
.table tbody tr td.no-data,.no-data{ text-align: center; padding: 100px 0; font-size: 14px; color:#999 !important;}
.table tbody tr td.no-data i.fa-exclamation-circle,.no-data i.fa-exclamation-circle{ font-size:18px; color: #FC0; margin:-2px 7px 0 0;}
.table tbody tr:hover td.no-data{ background:#fff !important}
.table tbody tr td.table-align-left { text-align: left; padding-left: 20px}
.table tfoot tr td { padding: 10px 4px; border-bottom: 1px solid #E1E6EB; vertical-align: middle;}	
.table tfoot tr td .pull-left{ padding-left:5px;}
.table thead tr th:first-child,.table tbody tr td:first-child,.table tfoot tr td:first-child{ padding-left:14px;}
.table thead tr th:last-child,.table tbody tr td:last-child,.table tfoot tr td:last-child{ padding-right:14px;}
/*table中底部tbody*/
.table tbody tr td.scroll-line{ height: 0px; padding: 0px; display: none;}
.table tfoot.scroll-bottom{ position: fixed; background: #ffffff; bottom: 0px;}
/*table-hover*/
.table-hover>tbody>tr:hover { background-color:#F3F5FC}
.table thead tr th:hover{ background-image:url(../images/common/thead_bg.png);background-repeat:repeat-x;background-position:left bottom}
/*table-active*/
.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active,.table-hover > tbody > tr.active:hover > td{background: #fcfcfc none repeat scroll 0% 0%;}
/*.table > thead > tr th{ cursor:pointer;}*/
.table > thead > tr th.handle{ cursor:default; text-align:right;}
.table > thead > tr th.tcheck,.table > tbody > tr td.tcheck{ text-align:center; width: 10px;}
.table > thead > tr th.tcheck input, .table > tbody > tr td.tcheck input{ margin:0 auto; vertical-align: sub;}
.table > thead > tr th.handle:hover,.table > thead > tr th.tcheck:hover{ border-bottom:none; background-image:none;}
/*table-sort*/
table .sort{ background:url(../images/common/sort_btn.png) no-repeat 2% 50%; width:10px; height:15px;display: inline-block;vertical-align: bottom; margin:0px 5px; cursor:pointer;}
table .sort.asc{ background:url(../images/common/sort_btn.png) no-repeat 50% 50%}
table .sort.desc{ background:url(../images/common/sort_btn.png) no-repeat 95% 50%}	
/*table-ico-switch*/
.ico-switch,.ico-switch i{ color:#AAA; display:inline-block !important; cursor:pointer;}
.ico-switch i{font-size: 24px;}
.ico-switch.open,.ico-switch.open i{ color:#6DD26A }
.ico-switch.no-open,.ico-switch.no-open i{ color:#c0c0c0 }
/*table-handle*/
.table tr td.handle{ text-align:right}
.table tr td.handle  > a { padding: 2px 9px; cursor:pointer; display:inline-block; color: #333; text-decoration: none;background-color: #fff ; border:1px solid #ddd; border-radius: 3px; margin-bottom: 2px;}
.table tr td.handle  > a.edit{ color: #fff; background-color: #6dd26a; border-color: #57cb54;}
.table tr td.handle  > a:hover,.table tr td.handle  > a.active {text-decoration: none; background-color: #6DD26A; border-color:#57CB54; color:#FFF; border-radius: 3px; }
.table tr td.handle  > a.del:hover,.table tr td.handle .del.active,.table tr td.handle  > a.end:hover{ background-color: #FF6262; border-color:#FF4D4D}
.table tr td.handle  > a.disabled,.table tr td.handle  > a.disabled:hover{background:#fcfcfc; cursor:not-allowed; color:#bbb; border-color:#ddd;}
.table tr td.handle > span {color: #ccc; display:none; padding: 0;}
.table tr td.handle .ng-binding span { display:block !important;}
/*表格颜色*/
.table.table-blue,.table.table-blue tr td{ border-color:#BCE8F1; }
.table.table-blue thead tr th{ background:rgba(93,178,255,.1)!important;border-color:#BCE8F1 !important; }
.table.table-blue thead tr th i.fa{margin-top: -3px; color:#aaa; cursor:pointer; font-size:16px;}
.table.table-blue thead tr th .popover{ font-size:12px; color:#333; box-shadow:none; border-color:#ddd; padding:0px;}
.table.table-warning,.table.table-warning tr td{ border-color:#F5E2C8; }
.table.table-warning thead tr th{ background:#FFF5EC !important;border-color:#F5E2C8 !important; color:#9A5810 !important }
.table.table-warning thead tr th i.fa{margin-top: -3px; color:#aaa; cursor:pointer; font-size:16px;}
/*table列表中复选框、全选按钮样式*/
.checkBox,.allCheckBox{cursor:pointer;}
.table .checkbox.table-list-checkbox-all{ margin:auto;}
/*表格表头浮动样式*/
.thead-fixed{width: 100%; top: 0px; left: 0px;position: sticky;}

/*table-page列表分页样式*/
.pagination-info { display:none; vertical-align: middle; padding: 0px 16px; color: #888;}
@media (min-width:480px){.pagination-info { display:none;}}
@media (min-width:768px){.pagination-info {  display: inline-block; }}
@media (min-width:992px){.pagination-info {  display: inline-block; }}
@media (min-width:1200px){.pagination-info {  display: inline-block; }}
.pagination { margin: 0px; vertical-align: middle; border-radius: 0px;}
.pagination > li { display: inline;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999; cursor: not-allowed; background-color: #FFF; border-color: #DDD;}
.pagination > li > a, .pagination > li > span { position: relative; float: left;padding: 6px 12px !important; margin-left: -1px; line-height: 1.42857; text-decoration: none; background-color: #FFF; border: 1px solid #DDD;}
.pagination li a, .pagination li span { height: 32px; *height:20px; _height:20px; line-height: 20px;  color: #666;  cursor: pointer; border-color: #CCC;}
.pagination li.active a, .pagination li.active span {background-color:#58B4FF; border: 1px solid #42AAFF;margin-left: -1px; color:#fff;}
.pagination li:first-child > a, .pagination li:first-child > span {  border-radius: 0px;}
.pagination li:last-child > a, .pagination li:last-child > span { border-radius: 0px;}
.pagination li.active a:hover, .pagination li.active span:hover {background-color:#42AAFF ; border: 1px solid #3CA7FF;color:#fff;}
.pagination li a:hover { color: #FFF; background-color:#f9f9f9; border-color: #ccc;border-radius:0px !important; color:#666;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #FFF; cursor: default; background-color: #428BCA; border-color: #428BCA;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #999 !important; cursor: not-allowed; background-color: #FFF !important; border-color: #DDD !important;}
.pagination-goto {display:none;vertical-align: middle;  padding: 0px 0px 0px 15px}
@media (min-width:480px){.pagination-goto { display:none;}}
@media (min-width:768px){.pagination-goto {  display: inline-block; }}
@media (min-width:992px){.pagination-goto {  display: inline-block; }}
@media (min-width:1200px){.pagination-goto {  display: inline-block; }}
.pagination-goto input.ipt {display: inline-block; margin-right: 6px; min-width:40px;width: 40px !important; margin-bottom:0px;}
.pagination-goto .btn { padding: 8px !important;vertical-align:bottom; line-height:14px !important; font-size:12px !important; min-width:auto;}
.pagination .pageNum{ display:none;}
@media (min-width:480px){.pagination .pageNum{ display:none;}}
@media (min-width:768px){.pagination .pageNum{ display: inline;}}
@media (min-width:992px){.pagination .pageNum{ display: inline;}}
@media (min-width:1200px){.pagination .pageNum{ display: inline;}}
.pagination .pageNum.active{ display:inline}


/****************************页面布局样式******************************/
/*当前位置*/
.page {background-color: #FFF; width: auto; padding: 62px 15px 95px 15px; text-align: left;  min-height: 100%; position:relative; min-width:290px; min-height:600px; overflow: hidden}
.main-div{background: #F7F7F7; border: 1px solid #e5e5e5; margin-bottom: 10px; padding: 2px;}
.main-div-title{ margin-bottom:10px;}
.main-div-title span{border-left: 3px solid #58B4FF;font-size:16px; padding-left: 10px; line-height: 16px; height: 18px; display: block; color:#333;}
.fixed-bar { background-color: #FFF; width: 100%; padding-bottom: 4px; position: fixed; z-index: 999; top:0px; left: 0;}
.fixed-bar .item-title { line-height:20px; white-space:nowrap; padding-top: 10px ;margin: 0px 15px 0px 15px; border-bottom: solid 2px #58B4FF;}
.item-title .subject { vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; width: 100%; height: 35px; line-height: 35px; margin-right: 10px;}
@media (max-width:480px){.item-title .subject { position:relative; }}
@media (min-width:480px){.item-title .subject { position:relative; }}
@media (min-width:768px){.item-title .subject { position:relative; }}
@media (min-width:992px){.item-title .subject { position:static; }}
@media (min-width:1200px){.item-title .subject { position:static; }}
.item-title h3 { font-size: 16px; min-width: 90px; font-weight: normal; color: #333;  float:left; display: inline-block;}
.item-title h3 span, .item-title h5 span { vertical-align: middle;}
.item-title h3 span.action { float: left; padding: 6px 0;}
.item-title h5 span.action-span { float: right; margin-left: 10px;}
.item-title h5 span.action-span:last-child{ margin: 0}
.item-title h5 {font-size: 12px; font-weight: normal; line-height: 18px; color: #999; float: right;display: inline-block;}
.item-title h5 .btn{margin-top: -3px;}
.item-title h5 .btn i{ vertical-align:bottom; *vertical-align:middle}

 
/*选项卡样式*/
/*tab选项卡*/
.tab-base { vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; float:left; margin-left:65px;position:relative;width: auto; border: none; padding: 0px; top: 1px; left:0px; }
@media (max-width:480px){.tab-base{ display:none;}}
@media (min-width:480px){.tab-base{ display:none;}}
@media (min-width:768px){.tab-base{ display:none;}}
@media (min-width:992px){.tab-base{display:inline-block}}
@media (min-width:1200px){.tab-base{display:inline-block}}
.page .titleBar-box,.dropdown-menu-box {display:block; margin-bottom:10px; position:relative;}
@media (max-width:480px){.page .titleBar-box{ display:block }}
@media (min-width:480px){.page .titleBar-box {display:block}}
@media (min-width:768px){.page .titleBar-box {display:block }}
@media (min-width:992px){.page .titleBar-box{display:none}}
@media (min-width:1200px){.page .titleBar-box { display:none}}
.tab-base li {height: 34px; margin-right: 3px; float: left; overflow:hidden;}
.tab-base a {line-height: 21px; *line-height:22px; color: #444; background-color:#EDF2F8;display: block;height: 35px; padding: 6px 18px; border: solid 1px #EDF2F8; border-bottom:none; border-radius: 4px 4px 0 0; cursor: pointer; overflow:hidden;}
.tab-base a:hover { color: #333}
.tab-base a.current, .tab-base a:hover.current {font-size: 14px;font-weight: 600; background-color: #58B4FF;color:#fff; border-bottom:1px solid #58B4FF; cursor: default;  border-color:#58B4FF;}
.tab-base a span { max-width: 300px; overflow: hidden; display: block;text-overflow: ellipsis;white-space: nowrap;}
	
/*温馨提示样式**/
.explanation {color: #58B4FF;background: #F4FAFF; display: block; width: 100%; padding: 0px 15px 10px; border-radius: 5px; position: relative; }
.explanation .title {white-space: nowrap; position: relative; height: 40px; line-height: 50px;}
.explanation .title h4 {font-size: 14px; font-weight: normal; line-height: 20px; height: 20px; display: inline-block;}
.explanation .title i {font-size: 16px; vertical-align: middle; margin-right: 6px;}
.explanation .title i.arrow-icon{ background: url(../images/common/combine_img.png) no-repeat; width: 20px; height: 20px; display: block; position: absolute; top: 0px; right: -15px; background-position: -20px -160px; margin: 0;}
.explanation.up .title i.arrow-icon{ background-position:-20px -139px}
.explanation.down .title i.arrow-icon{ background-position:-20px -160px}
.explanation .title span {width: 30px; height: 25px; position: absolute; text-align: center; z-index: 1; top: -10px; right: -5px; font-size: 20px;}
.explanation ul {margin-left: 10px; padding-left: 20px; display:block;}
.explanation li {line-height: 20px; padding-left: 10px; margin-bottom: 2px;list-style-type: disc; padding-left: 3px; list-style-position: outside; font-size:8px;}
.explanation li span { font-size: 12px; color: #748A8F;}

/**chosen带搜索样式**/
.table-content .form-group .chosen-container{ width: auto; min-width: 150px; max-width: 300px;}
.article-info .form-group .chosen-container{ width:100%;}
/*带删除chosen*/
.table-content .form-group .choosen-select-box .choosen-select-item{ border:1px solid #58B4FF; width:230px; float:left; margin:2px; display:inline-block;background:#58B4FF;}
.table-content .form-group .choosen-select-box .choosen-select-item .chosen-container{ width:200px !important;  float:left; display:inline-block; border:0;}
.table-content .form-group .choosen-select-box .choosen-select-item .chosen-container-single .chosen-single, .table-content .form-group .choosen-select-box .choosen-select-item .chosen-container-single .chosen-single:hover, .table-content .form-group .choosen-select-box .choosen-select-item .chosen-container-single .chosen-single:active { border:0 !important; box-shadow:none !important}
.table-content .form-group .choosen-select-box .choosen-select-item .choosen-select-delete{ cursor:pointer; color:#fff; background:#58B4FF; width:28px; line-height:30px; display:inline-block; text-align:center; font-size:15px;}
/*单选*/
.chosen-container-single .chosen-single {background:none !important;border-color: #D7D7D7 !important;font-size: 12px;padding: 5px 16px!important;height: 32px !important;line-height: 14px!important;border-radius: 2px !important;box-shadow:none!important;color: #999 !important}
.chosen-container-single .chosen-single div b { background-position:0px 6px !important;}
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position:-18px 6px !important;}
.chosen-container .chosen-results li { font-size:12px;}
.chosen-container .chosen-results li.highlighted {background:#1B9AF7!important;}
.chosen-container .chosen-drop{border-color:#D7D7D7 !important}
.chosen-container-single .chosen-search { background:#fff !important}
.chosen-container-single .chosen-search input[type="text"] {border: 1px solid #1B9AF7!important;border-radius: 2px !important;box-shadow: 0px 0px 0px 2px rgba(82, 168, 236, 0.15)!important;background:#fff !important}
.chosen-container-single .chosen-single { line-height:20px !important;}
/*多选*/
.chosen-container-multi .chosen-choices {border: 1px solid #D7D7D7 !important;box-shadow:none !important;border-radius: 2px!important;height: 32px !important;font-size: 12px !important;padding: 2px 5px !important;background-image:none !important;}
.chosen-container-active .chosen-choices{border: 1px solid #1B9AF7 !important;box-shadow: 0px 0px 0px 2px rgba(82, 168, 236, 0.15)!important; outline: 0px none;}
.chosen-container-multi .chosen-choices li.search-choice {border: 1px solid #D7D7D7!important;background-image:none !important;box-shadow: 0px 0px 2px #FFF inset, 0px 1px 0px rgba(0, 0, 0, 0.05);background-color: #f9f9f9 !important;margin: 2px 5px 2px 0px!important;padding: 4px 20px 4px 5px !important;}
.chosen-container-multi .chosen-choices li.search-choice:hover{ background-color:#fff !important}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {background-position:-42px 2px !important}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {background-position:-42px -9px !important;}
.chosen-container .chosen-choices:hover,.chosen-container-single .chosen-single:hover{border: 1px solid #1B9AF7 !important;-webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15)!important;box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15)!important;outline: 0 none; }
.chosen-container .chosen-results {max-height: 150px !important;color: #999 !important;}
.search-term  .chosen-container{ width:150px !important}
/*tagsinput框样式*/
.bootstrap-tagsinput{height: 32px;border-radius: 2px;padding: 6px;transition: none 0s ease 0s;font-size: 12px; display:inline-block;line-height: 1.42857;}
/*时间选择选中样式*/
.table-condensed > tbody > tr > td,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > thead > tr > th { padding: 4px 8px; font-size: 12px; text-align:center;}
.datetimepicker table tr td.active{ background:#58B3FE !important; color:#fff; border-radius:3px;}


/*************************搜索条件样式****************************/
/*文本框修改样式*/
.search-term {display: block; background-color: #F9F9F9; padding: 5px 10px; border: 1px #eee solid; }
.search-term .simple-form-field {margin: 4px 8px 4px 0px; display: inline-block; vertical-align: middle; }
.search-term .simple-form-field .form-group {margin: 2px 8px 2px 0px;}
.search-term .simple-form-field label.control-label {font-weight: normal; font-size: 12px; color: #666; cursor: pointer;text-align: right;}
/*.search-term.show-toggle .simple-form-field label.control-label{min-width: 95px;}*/
.search-term .simple-form-field,.search-term .simple-form-field label.control-label,.search-term .simple-form-field .form-control-wrap{ *float:left;_float:left; }
.search-term .simple-form-field label.control-label,.search-term .simple-form-field .form-control-wrap{*height: 28px;_*height: 28px;*line-height: 28px;_line-height: 28px;}
.search-term .simple-form-field label.control-label span{ cursor: text;}
.search-term .form-control-wrap {display: inline-block; vertical-align: middle;}
.form-control,.search-term .form-control,select,select.render-selector { height: 32px; *height:20px; _height:20px; border-radius: 2px; padding: 6px; transition: none 0s ease 0s; font-size: 12px;  box-shadow: none; display:inline-block; vertical-align:middle}
.search-term .form-control{ width:150px;}
.search-term select.form-control,.search-term select.form-control option{ cursor:pointer; padding:3px 6px;}
select { appearance:none;-moz-appearance:none; -webkit-appearance:none; padding-right: 18px !important; background: url("../images/common/select-arrow.png") no-repeat scroll right center #ffffff !important;}
select::-ms-expand { display: none; }
@-moz-document url-prefix() {
 select.form-control { -moz-appearance: none; appearance: none;  background-image: url("../images/common/select-arrow.png"); background-repeat: no-repeat; background-position: right center;}
}
.search-term .form-control.form_datetime{ width:110px;}
@media (min-width:468px) {.search-term .form-control.form_datetime{ width:120px;}}
@media (min-width:768px) {.search-term .form-control.form_datetime{ width:120px;}}
@media (min-width:992px) {.search-term .form-control.form_datetime{ width:120px;}}
@media (min-width:1200px) {.search-term .form-control.form_datetime{ width:120px;}}
.search-term .simple-form-field .btn{padding: 8px 16px !important; line-height:14px !important; font-size:12px !important}
/*搜索弹框的小按钮样式*/
.search-term .simple-form-field .btn.btn-sm{padding: 2px 9px !important; line-height: 1.5 !important; margin-top: -2px;}
.search-term .simple-form-field:last-child { margin-right:0px;}
/*搜索按钮样式*/
.search-term .simple-form-search {margin: 4px 0px 4px 0px; display:none;}
.search-term .simple-form-search .form-group {margin: 4px 0px 4px 0px;}
.search-term .simple-form-search label.control-label i{font-size: 16px; color: #aaa;}
/*搜索时间至时间中间'至'样式*/
.search-term .form-control-wrap .ctime,.simple-form-field .form-group .ctime{margin: auto 10px;}
.form-control.ipt{ width:30%;min-width: 85px;max-width: 90px;}
/*文本框xs样式*/
.form-control-xs{height: 24px;padding: 2px;}
.form-control-sm{height: 28px;padding: 4px;}


/*************************列表固定内容样式****************************/
/*表格标题块*/
.ftitle {font-size: 0; *word-spacing:-1px/*IE6、7*/; height: 24px; float: left;}
.ftitle h3, .ftitle h5 {font-size: 12px; font-weight: normal; line-height: 24px; color: #999; vertical-align: bottom; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; *zoom:1/*IE7*/;}
.ftitle h3 { font-size: 16px; color: #333; margin-right: 6px;}
.common-title { color: #333; white-space: nowrap; display: block; position: relative; z-index: 4; height: 30px;}

/*刷新和列表设置按钮样式*/
.page .operate{ height: 24px; line-height: 24px; float: left; display:none}
.page .operate a{ float: left; color: #999; padding: 0px 6px; margin: 1px 0px; text-decoration: none; border:1px solid #fff;}
.page .operate a.reload:hover{ background:#e6e6e6; border-radius:5px; color:#333;}
.page .operate span.rline{width: 0px; height: 16px; float: left; margin: 4px 3px; border-left: 1px dotted #D7D7D7;}
.page .operate a i{ font-size: 14px; margin-right:0px;vertical-align: initial;}
.page .operate a i.fa-spin{ color:#1B9AF7}
.page .operate .editTablebox{ position: relative; float: left; z-index: 2;}
.page .operate .editTablebox .editBtn{ border-bottom:none;position: absolute;}
.page .operate .editTablebox:hover .editBtn,.page .operate .editTablebox .editBtn.active{color: #333;background-color: #FFF;border-radius: 4px 4px 0px 0px; border-color: #d7d7d7;border-bottom: 0px none; z-index:102;}
.page .operate .editTablebox:hover .edit-table{ display:block;}
.page .operate .edit-table{position:absolute;top:25px; margin:0px; background: #fff; color: #999; padding: 5px 10px 10px; z-index: 0; border: 1px solid #ddd; display: none;min-width:120px !important; border-radius:4px 0px 4px 4px; left:auto; right:-29px;}
@media (min-width:468px) {.page .operate .edit-table{ border-radius:0 4px 4px 4px; left:0; right:auto;}}
@media (min-width:768px) {.page .operate .edit-table{ border-radius:0 4px 4px 4px; left:0; right:auto;}}
@media (min-width:992px) {.page .operate .edit-table{ border-radius:0 4px 4px 4px; left:0; right:auto;}}
@media (min-width:1200px) {.page .operate .edit-table{ border-radius:0 4px 4px 4px; left:0; right:auto;}}
.page .operate .edit-table h5{ font-size: 12px; font-weight: normal;  line-height: 24px; vertical-align: bottom; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; padding: 0; *zoom:1/*IE7*/;color: #F60;}
.page .operate .edit-table ul{max-height: 134px; overflow:hidden;}
.page .operate .edit-table ul li{ border-bottom:1px dotted #E6E6E6;}
.page .operate .edit-table ul li:last-child{ border-bottom:none;}
.page .operate .edit-table ul li:hover{ background:#f8f8f8;}
.page .operate .edit-table ul li label{ font-weight: normal; margin: 0px; cursor: pointer;width: 100%;	}
.page .operate .edit-table ul li label input{ cursor: pointer;vertical-align: sub;}
.page .operate .edit-table ul li label span{ margin-left:10px;letter-spacing: normal; display: inline-block;vertical-align: middle; font-size: 12px;}


/***********************form表单相关元素***************************/
.table-content{font-size: 12px; line-height: 18px;}
.file-input-hidden{position: absolute; right: 0px; top: 0px; font-family: Arial; width: 100%; height: 100%; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;}

/*点击文本框、文本域等操作效果*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control , .form-control[disabled]:hover{ background-color: #eee !important}
.table-content .form-group .form-control-box{display: inline-block;text-align: left;width: auto;float: left; position:relative; margin-right:20px;}
input[type="text"]:focus, input[type="text"]:hover, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:hover, input[type="password"]:active, textarea.form-control:hover, textarea.form-control:focus, textarea.form-control:active,select:hover, select.form-control:hover, select.form-control:focus, select.form-control:active, .input-file-show:hover, .input-file-show:focus, .input-file-show:active, .file-attach-1:focus, .file-attach-1:hover, .file-attach-1:active {background-color:#fff;border:1px solid;border-color: #1B9AF7; -moz-box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15);box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);outline:0 none;}
input.form-control:focus,input.form-control:hover{border-color: #1B9AF7 !important;box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15) !important;}
.table-content input.form-control:focus { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3F000000', endColorstr='#3F000000'); background: rgba(255,255,255,1); outline: none; border-color: rgba(255,255,255,1); -moz-box-shadow: 0 2px 3px 0 rgba(255,255,255,.1) inset, 0 0 0 2px rgba(255,255,255,0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(255,255,255,.1) inset, 0 0 0 2px rgba(255,255,255,0.15); box-shadow: 0 2px 3px 0 rgba(255,255,255,.1) inset, 0 0 0 2px rgba(255,255,255,1); }
.table-content .form-group .form-control{ width:100%;}
@media (min-width:468px) {.table-content .form-group .form-control{ width:280px;}}
@media (min-width:768px) {.table-content .form-group .form-control{ width:300px}}
@media (min-width:992px) {.table-content .form-group .form-control{ width:300px}}
@media (min-width:1200px) {.table-content .form-group .form-control{ width:300px }}
.table-content .form-group .form-control.long{ width:100%}
@media (min-width:468px) {.table-content .form-group .form-control.long{ width:100%;}}
@media (min-width:768px) {.table-content .form-group .form-control.long{ width:69%;}}
@media (min-width:992px) {.table-content .form-group .form-control.long{ width:69%;}}
@media (min-width:1200px) {.table-content .form-group .form-control.long{ width:69%;}}
.table-content .form-group .form-control.small,.form-control.small{ width:50px;}
.table-content .form-group .form-control.middle,.form-control.middle{ width:120px;}
.table-content .form-group .form-control.large,.form-control.large{ width: 150px;}
.table-content .form-group .form-control.sm-height,.form-control.sm-height{ height:25px; padding: 3px 6px}
.table-content .form-group select.form-control,.table-content .form-group select.form-control option{ cursor:pointer;}
.form-control[disabled]:hover , fieldset[disabled] .form-control:hover { background-color: #EEE; border: 1px solid #D7D7D7; box-shadow:none;}
/*表单左右布局*/
.table-content .form-group label.control-label{line-height: 14px;}
.table-content .form-group label.col-sm-3.control-label,.table-content .form-group label.col-sm-4.control-label{ width:20%; min-width: 140px; padding-right: 0;}
.layui-layer .table-content .form-group label.col-sm-3.control-label,.layui-layer .table-content .form-group label.col-sm-4.control-label{ min-width: 120px;}
.table-content .form-group .col-sm-8,.table-content .form-group .col-sm-9{ width: 70%}  
.table-content .form-group .form-control-box .control-label.cur-p{ margin-right: 15px;}
/*表单提交按钮*/
.table-content > .simple-form-field:last-of-type,.form-horizontal > .simple-form-field:last-of-type{ padding:15px 0 30px;}
.modal-body .table-content > .simple-form-field:last-of-type,.modal-body .form-horizontal > .simple-form-field:last-of-type{ padding:0}
.table-content .simple-form-field:last-of-type .form-group .col-sm-8 .form-control-box > .btn.btn-primary,.table-content .simple-form-field:last-of-type .form-group .col-xs-8 .form-control-box > .btn.btn-primary,.table-content .simple-form-field:last-of-type .form-group .col-xs-9 .form-control-box > .btn.btn-primary,.table-content .simple-form-field:last-of-type .form-group .col-sm-8 .form-control-box > .btn.btn-default{padding: 5px 68px; font-size: 15px; line-height: 26px;}
.table-content .form-group .choose-goods-list .btn.btn-default{font-size: 12px; border-radius:2px; padding: 8px 16px;}
/*文本域*/
textarea.form-control {min-height: 32px; min-width: 280px; resize: none;}
/*下拉框*/
.table-content .form-group select.form-control{ width: auto; min-width: 80px; max-width: 300px;}
.table-content .form-group select.render-selector{width: 120px;}
.table-content .form-group select.form-control.form-control-sm{ min-width:50px}
.table-content .form-group select.form-control option{padding:3px 6px; cursor:pointer;}
.table-content .form-group select.ipt{ width:30%; min-width:85px; max-width:90px;}
/*上传附件隐藏按钮file文本框样式*/
.file-hidden{width: 100%; height: 100%; opacity: 0; position: absolute; top:0px; left:0px; padding: 0px; margin: 0px; overflow: hidden;}
/*上传附件按钮1*/
.file-attach-1 {float: left; height: 32px; width: auto; position: relative; border: 1px solid #D7D7D7; border-radius: 2px; padding: 6px 15px;cursor: pointer; background: #fff;}
.file-attach-1.error{background-color: #FFF0F0; background-repeat: repeat; border: 1px solid #E84C3D; -moz-box-shadow: 0 0 0 2px rgba(232, 76, 61, 0.2); -webkit-box-shadow: 0 0 0 0 2px rgba(232, 76, 61, 0.2); box-shadow: 0 0 0 2px rgba(232, 76, 61, 0.2); outline: 0 none;}
.file-attach-2 {text-align: center;}
.file-attach-1:hover {border:1px solid #42AAFF;background:#58B4FF;color:#fff; -moz-box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15);box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);outline: 0 none;}
.inputstyle {width: 100%; height: 100%; cursor: pointer; font-size: 30px; outline: medium none; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 0px; top: 0px;}
.file-attach-info{ float:left; margin-left:20px;}
.file-attach-info span{ display:inline-block; color:#58B4FF; margin-right:10px; cursor:pointer; line-height:30px;}
.file-attach-info span i.file-attach-del{ width:16px; height:16px; display:inline-block; margin-left:5px; color:#58B4FF; font-style:normal; font-size:14px; cursor:pointer; border-radius:99%; line-height:14px; vertical-align:middle;  text-align:center; border:1px solid #58B4FF}
.file-attach-info span:hover i.file-attach-del{ background:#58B4FF; color:#fff; }
/*图片预览*/
.preview #imgpreview img {max-width: 160px !important; max-height: 95px !important;}
.imgpreview-box{border: 1px solid #ddd; padding: 3px;}
.icon-images{ padding: 2px; border:1px solid #eee; background: #fff;}
/*上传图片按钮*/
.input-file-show {background-color: #FFF; vertical-align: top; display: inline-block; padding-left: 26px; border: solid 1px #D7D7D7; border-radius: 2px; position: relative; float: left;}
.input-file-show:hover,.input-file-show.active {border-color: #42AAFF;}
.input-file-show span.show {width: 22px; height: 28px; text-align: center; padding: 2px; position: absolute; z-index: 2; top: 0; left: 0;}
.input-file-show span.show a {color: #AAA; display: block; width: 22px; height: 28px;}
.input-file-show:hover span.show a, .input-file-show span.show a:hover,.input-file-show.active span.show a{color: #42AAFF; text-decoration: none;}
.input-file-show span.show i {font-size: 14px; line-height: 28px; display: block;}
.type-file-box {display: block; width: 262px; height: 32px; position: relative; z-index: 1;}
.type-file-text {line-height: 32px !important; display: block; width: 163px; height: 32px !important; float: left !important; padding: 0 !important; margin: 0 !important; border: none 0 !important; border-radius: 0 !important; background: #fff;}
.type-file-button, .type-file-button:focus {background-color: #E6E6E6; display: block; width: 99px; height: 32px; float: left !important; border: 0; border-radius: 0 2px 2px 0;}
.input-file-show:hover .type-file-button,.input-file-show.active .type-file-button{ color: #FFF; background-color: #58B4FF;}
.type-file-file { width: 262px; height: 32px; position: absolute; top: 0; right: 0; filter:alpha(opacity:0); opacity: 0; cursor: pointer;}
.type-file-preview {background: #FFF;display: none; padding: 5px; border: solid 5px #71CBEF; position: absolute; z-index: 999;}
.image_display .type-file-show {width: 16px; height: 16px; padding: 2px; border: solid 1px #D8D8D8; cursor: auto;}
/*上传多张图片按钮*/
ul.image-group{ display: inline-block; }
ul.image-group li{ float: left; padding: 3px; border: 1px #ddd solid; margin-right: 8px; position: relative}
ul.image-group li span.image-group-del,ul.image-group li span.image-group-remove{ display: none; width: 100%; left: 0px; bottom: 0px; position: absolute; height: 20px; line-height: 20px; filter: alpha(opacity=0.7); -moz-opacity: 0.7; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); color: #fff; background: none repeat scroll 0 0 #000000; text-align: center; cursor: pointer; overflow: hidden;}
ul.image-group li:hover span.image-group-del,ul.image-group li:hover span.image-group-remove{ display: block}
ul.image-group li span.image-group-label{ position:absolute; bottom: -20px; color:#999; font-size: 12px;text-align: center;width: 63px;left: 0px;}
ul.image-group li a{ display: block; vertical-align:middle; width:55px; height: 55px; line-height: 55px; text-align: center;}
ul.image-group li a img{ max-width: 100%; max-height: 100%; margin:0 auto; display: block;}
ul.image-group li.image-group-button { float: left; position: relative; padding: 3px !important; border: 1px #ddd dashed; background: #FCFCFC; cursor:pointer;}
ul.image-group li .image-group-bg,ul.image-group li .image-group-bg-image{ height: 55px; line-height: 55px; width: 55px; text-align: center; background: url(../images/default/add-img.png) no-repeat center center;}
ul.image-group li .image-group-bg-default{height: 55px; line-height: 55px; width: 55px; text-align: center; background: url(../images/default/adds-img.png) no-repeat center center;}
ul.image-group li .image-group-bg-file{height: 55px; line-height: 55px; width: 55px; text-align: center; background: url(../images/default/file-img.png) no-repeat center center;}
ul.image-group li .image-group-bg-video{height: 55px; line-height: 55px; width: 55px; text-align: center; background: url(../images/default/view-img.png) no-repeat center center;}
ul.image-group li .inputstyle {width: 55px !important; height: 55px !important; cursor: pointer; font-size: 30px; outline: medium none; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 0px; top: 0px; }
ul.image-group li span.img-operate{position: absolute; width: 100%; height: 20px; left: 0px; bottom: -25px; transition: 0.1s; line-height:24px; color: #fff; background: #fff; background: rgb(255,255,255,0.85); display: none; }
ul.image-group li:hover span.img-operate{ bottom:0px; transition: 0.1s; display: block; opacity: 1;}
ul.image-group li span.img-operate i{display: inline-block; cursor: pointer; color: #48b787; height: 15px; width: 15px; margin: -6px 2px 0 2px; border-radius: 99%; font-size: 18px; text-align: center; font-weight: 400; line-height: 14px; overflow: hidden;}
ul.image-group li span.img-operate i.del{color: #fa4a36; font-size: 12px; line-height: 16px}
ul.image-group li .img-operate i:hover{font-weight: bold; font-size: 22px; /*color: #fff; background: #48b787;*/ }
ul.image-group li .img-operate i.del:hover{ /*color: #fff; background: #fa4a36;*/ font-weight: bold; font-size: 15px;}

/*上传附件2*/
.file-show-attach{ padding-left: 5px;}
.file-show-attach .type-file-box{ width: 283px;}
.file-show-attach .type-file-text{ width: 184px;}
/*单、复选框*/
.form-group input[type='checkbox'],.form-group input[type="radio"]  {display: inline-block; margin-right: 4px; vertical-align: middle; margin-top: -2px;margin-bottom: 1px; cursor:pointer;}
.form-horizontal .control-label-spe { margin-right: 8px; cursor: pointer; text-align: left }
.form-horizontal .control-label-spe .icheckbox_minimal-blue { margin: -2px 3px 1px 0px;}
.form-horizontal .control-label-spe .iradio_minimal-blue { margin-right: 5px; margin-top: -2px; }
/*multiselect样式*/
.multiselect-container > li > a > label > input[type="checkbox"]{ margin-top: 2px;}
.btn-group.open ..multiselect.dropdown-toggle{ box-shadow: none; border-color: #ddd;}
/*单、复选框*/
.icheckbox_minimal-blue, .iradio_minimal-blue {display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(../images/common/blue.png) no-repeat; border: none; cursor: pointer;}
.icheckbox_minimal-blue { background-position: 0 0;}
.icheckbox_minimal-blue.hover { background-position: -18px 0;}
.icheckbox_minimal-blue.checked { background-position: -36px 0;}
.icheckbox_minimal-blue.disabled { background-position: -54px 0; cursor: default;}
.icheckbox_minimal-blue.checked.disabled { background-position: -72px 0;}
.iradio_minimal-blue { background-position: -90px 0;}
.iradio_minimal-blue.hover { background-position: -108px 0; }
.iradio_minimal-blue.checked { background-position: -126px 0; }
.iradio_minimal-blue.disabled { background-position: -144px 0; cursor: default;}
.iradio_minimal-blue.checked.disabled { background-position: -162px 0;}
/*多选择multiselectside*/
.ms2side__div { float:none !important; margin: auto; width: 720px !important; overflow: hidden;}
.ms2side__div select{width: 300px !important; height: 260px !important;}
.ms2side__options{padding: 80px 20px 0 !important; width: 100px !important;}
.ms2side__header {height: 36px; line-height: 32px; vertical-align:middle}
.ms2side__header input{ vertical-align:middle; margin-top:-2px;}

/*开关错误提示*/
.form-horizontal .control-label-switch { margin-right: 8px; cursor: pointer; text-align: left; float: left; padding-top: 3px;}
.btn-group .btn.active{ background:#58B4FF; color:#fff;border-color: #42AAFF;}
/*提示性文字*/
.text-danger { color: #F60; font: bold 14px/20px tahoma, verdana; vertical-align: middle;}
.table thead .text-danger { line-height:0px;}
.form-control,select.render-selector,select { border: solid 1px #dedede; color: #777;}
.help-block-t { margin-top: 0px; margin-bottom: 0px; color: #aaa; padding-top: 5px; clear: both}
.help-block-t > .help-block-t{ padding-top:0px;}
.help-block-t:hover,.simple-form-field:hover .help-block-t{ color:#666; cursor:default;}
/*表单警示性报错提示*/
input.error, textarea.error { background-color: #FFF0F0; background-repeat: repeat; border: 1px solid #E84C3D; -moz-box-shadow: 0 0 0 2px rgba(232, 76, 61, 0.2); -webkit-box-shadow: 0 0 0 0 2px rgba(232, 76, 61, 0.2); box-shadow: 0 0 0 2px rgba(232, 76, 61, 0.2); outline: 0 none;}
/*错误提示*/
.form-control-error { display:inline-block; width: auto; height: auto; min-height: 32px; padding: 6px 0px; transition: none 0s ease 0s; font-size: 12px; color: #E84C3D; float: left;}
/*警告提示*/
.form-control-warning{ clear: both; display: inline-block; width: auto; height: auto; min-height: 30px; padding: 6px 10px; font-size: 12px; color: #F0AD4E; background-color: #ffffe5; border: 1px solid #ffcc7f;}
.form-control-warning.error{color: #E84C3D;background-color: #FEF3F1;border: 1px solid #F8A394;}
/*加密眼睛*/
.form-group .form-control-box .pwd-toggle{position: absolute; top: 10px; left: 275px; cursor:pointer;}

/*分类树选择*/
.tree-chosen-box{ position:relative;}
.tree-chosen-input-box{ position:relative; height:auto; min-height:32px; height:auto !important; padding:2px !important; overflow:hidden;}
.tree-chosen-input-box:hover{border: 1px solid #1B9AF7; box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);}
.tree-chosen-input-box .tree-chosen-item{ padding:1px 4px; font-size:12px; margin:1px; border:1px solid #ddd; color:#999; display:inline-block; float:left; border-radius:2px; line-height:18px; cursor:default}
.tree-chosen-input-box .tree-chosen-item .tree-chosen-close{ font-size:14px; font-weight:700; font-style:normal; margin-left:3px; cursor:pointer; display:inline-block}
.tree-chosen-input-box .tree-chosen-item:hover{ border:1px solid #ccc; color:#666;}
.tree-chosen-input-box .tree-chosen-input,.tree-chosen-input-box .tree-chosen-input:hover,.tree-chosen-input-box .tree-chosen-input:focus{ border:none; box-shadow:none;}
.tree-chosen-panel-box{ border:1px solid #ddd; padding:5px; height:260px; overflow-y:auto; position:absolute; left:0px; bottom:-255px; background:#fff; z-index:22; width:300px; display:none}
.tree-chosen-panel-box .tree-chosen-input{width:100%}
.tree-chosen-loading{position: absolute; top: 49%; left: 49%; z-index: 22;}

/*图片经过放大*/
.table tr td span.pic{ float: right}
.table tr td a.preview,.form-group .input-file-show a.preview{ position: relative; display: inline-block}
.table tr td .userPicBox a.preview{ width:100%;}
.table tr td #imgpreview,.form-group .input-file-show a.preview #imgpreview,#imgpreview{ position: absolute; z-index: 99; padding: 5px; border: 1px #ddd solid; background: #fff;}
.table tr td #imgpreview img,#imgpreview img{ margin:auto;}
.table tr #imgpreview,.form-group .input-file-show a.preview #imgpreview{ top: 0px;}
/*表格中表格中第一、第二条与倒数第一、倒数第二条展示位置样式控制*/
.table tr:nth-last-child(1) #imgpreview,.table tr:nth-last-child(2) #imgpreview{top:auto; bottom:0px;}
.table tr:nth-child(1) #imgpreview,.table tr:nth-child(2) #imgpreview{ top:0px; bottom:auto;}

/*属性值的添加*/
.table-content .form-group .form-control.form-control-spe{ width: 50px; }
.table-content .form-group ul.attr-value{ width: 100%; display: inline-block; }
.table-content .form-group ul.attr-value li{ width: 100%; display: inline-block; }
.text-explode{ color:#999;}
.table tr th label.input-label{ cursor:pointer;}
.table tr th label.input-label .checkBox{vertical-align: sub;}
/*表格底部的select框*/
.table tfoot select{height: 32px; border-radius: 2px; padding: 6px; font-size: 12px; border: 1px solid #D7D7D7; color: #999; vertical-align: middle;margin-bottom: 0px;}

/*在线联系*/
.tool .ww-inline{ background:url(../images/common/tool.gif) no-repeat;display: inline-block;
vertical-align: text-bottom;height: 20px;width: 67px;}
.tool .ww-inline.ww-offline{ background-position: 0px -20px;}
.tool .ww-inline.small{background-position: -80px 0;width: 20px;height: 20px;}
.tool .ww-inline.smalloff{background-position: -80px -20px;width: 20px;height: 20px;}

/*鼠标经过弹框样式*/
.popover-box{position: relative;}
.popover-box .popover-info{position: absolute; left: 105px; top: -18px; width: auto; padding: 4px; background: #FCF8E3; border: 1px #fce3b3 solid; border-radius: 4px; display: none; z-index:3;}
.popover-box .popover-info i.fa-caret-left,.popover-box .popover-info i.fa-caret-right{position: absolute; left: -6px; top: 18px; color: #fce3b3;}
.popover-box .popover-info ul{display: inline-block;width: 100%;height: auto;padding: 7px 15px;border-radius: 4px; background: #fff;}
.popover-box .popover-info ul li{ width: auto; height: auto; margin-bottom: 5px; line-height:18px;max-width: 305px;min-width: 100px;display: block; overflow: hidden;}
.popover-box .popover-info ul li.l-h-18{ min-width:180px;}
.popover-box .popover-info ul li div{ float:left}
.popover-box .popover-info ul li div.dt{ max-width: 85px; color: #FF6A6A;}
.popover-box .popover-info ul li div.dt span{ color: #FF6A6A; text-align: right; }
.popover-box .popover-info ul li div.dd{max-width: 205px; color:#666; width: auto; margin-left: 5px;display: inline-block; overflow:hidden;}
.popover-box .popover-info ul li div.dd a{color: #999;}
.popover-box .popover-info ul li p{ line-height:20px;text-overflow: ellipsis;overflow: hidden; max-height:100px;}
.help-popover{ position:relative}
.help-popover i.fa-question-circle{ font-size:18px; cursor:pointer; color:#999;}
.help-popover:hover .popover{ display:block}

/*排序编辑弹框*/
.editable-popup.popover{border-radius: 3px; box-shadow: 0 2px 8px rgba(0,0,0,.2);}
.editable-popup .popover-content{padding: 7px 10px;}
.editableform .editable-input .form-control.input-sm{height: 28px; padding: 4px; width: 100px; }
.editableform .editable-buttons .btn.btn-sm{padding: 4px 9px !important;}
.goods-message .name .editableform .editable-input .form-control.input-sm{ width: 300px;}


/************************图标样式***********************/
/*信誉图标*/
.rank-cap{ overflow:hidden;}
.rank-cap i{background:url(../images/common/icon_small.png) no-repeat 0% 3px;float: left;margin-right: 2px;width: 16px;height: 16px;}
.rank-cap i.icon-01{ background-position:0px 3px}
.rank-cap i.icon-02{ background-position:-20px 3px}
.rank-cap i.icon-03{ background-position:-40px 2px;}
.rank-cap i.icon-04{ background-position:-60px 2px;}
/*vip图标*/
.vip-icon{background:url(../images/common/vip-icon.png) no-repeat 0 0;width: 14px; height: 14px;display: inline-block;vertical-align: middle;}
.vip-icon.vip-icon-0{ background-position:0 0px;}
.vip-icon.vip-icon-1{ background-position:0 -14px;}
.vip-icon.vip-icon-2{ background-position:0 -28px;}
.vip-icon.vip-icon-3{ background-position:0 -42px;}
.vip-icon.vip-icon-4{ background-position:0 -56px;}
.vip-icon.vip-icon-5{ background-position:0 -70px;}
.vip-icon.vip-icon-6{ background-position:0 -84px;}
/*好中差评图标*/
.score-icon{background:url(../images/common/icon_small.png) no-repeat -242px 3px; width:20px; height:20px;display: inline-block;vertical-align: sub;}
.score-icon.icon-0{ background-position:-242px 3px}
.score-icon.icon-1{ background-position:-222px 3px}
.score-icon.icon-2{ background-position:-200px 3px}
/*星级图标*/
.star-icon i.icon-0,.star-icon i.icon-1{background:url(../images/rank/star.png) no-repeat 0 -181px;width:15px; height:15px; display:inline-block;}
.star-icon i.icon-0{ background-position:0 -181px}
.star-icon i.icon-1{ background-position:0 -206px}
/*问题帮助图标样式*/
.helpBox,.helpBox2,.helpBox3{ width: 20px; height: 20px;float: left; display: inline-block; margin-top: 5px; margin-left:10px;background:url(../images/common/icon_small.png) no-repeat -180px -19px}
.helpBox2{ background-position: -44px -39px}
.helpBox3{ background-position: -114px -39px}

/*字符截取*/
.intercept{text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;}

/*禁止编辑遮罩*/
.disabled-mask-box{position: absolute; width: 100%; background: #000; height: 100%; z-index: 2; opacity: 0.15; cursor: not-allowed;}

/*异常报错以及系统信息提示*/
.body-error{ background: #F5F5F5; color: #fff; height: 100%}
.error-wrapper { text-align: center; padding: 1% 0px 10%;}
.error-wrapper .icon-404 { background: url(../images/common/404.png) no-repeat; width: 262px; height: 218px; display: inline-block; margin-left: 30px;}
.text-center { text-align: center;}
.error-wrapper h2 { font-size: 20px; font-weight: normal; margin: -5px 0 20px 5px; display: inline-block; width: 245px; padding: 15px; border-radius: 4px; text-transform: capitalize; background: #5bc690;}
.error-wrapper p { width: 600px; font-size: 16px; color: #546E7A; margin: 0px auto}
.error-wrapper a { font-size: 14px;}

/*后台报错页面修改*/
.backend-error-box{ min-height:300px; width:800px; top: 50%; position: absolute;left: 50%;margin-left: -400px;margin-top: -150px; text-align:center;}
.backend-error-box .error-img-box{background:url(../images/common/backend-error-img.png) no-repeat center center; height:90px; width:100px; margin:auto; display:block}
.backend-error-box .error-tit-box{margin: 30px auto 30px;}
.backend-error-box .error-tit-box h5{ font-size:23px; color:#5A6169; font-weight:500;}
.backend-error-box .error-tit-box p{ font-size:14px; color:#5A6169; margin-top:12px; display:none}
.backend-error-box a.back-btn{ background:#6BBCFD; border:1px solid #4AAEFA; padding:6px 36px; color:#fff; font-size:14px; text-align:center; border-radius:3px; cursor:pointer;}
.backend-error-box a.back-btn:hover{ background:#7BC2FD; border-color:#6BBCFD}

/*底部版权信息*/
.copyright{ padding:5px 0 0px;}
.copyright p,.copyright a,.copyright a:hover{ font-size:12px; color:#999;}
.copyright p{ color:#999;}
.copyright p a.copyright-logo{ color:#CCD0D9; font-weight:500; line-height:42px;}
.copyright p a.copyright-logo:hover{ color:#D9DCE3 ;}
.copyright p .copyright-logo img{ max-width: 120px; max-height: 40px; vertical-align: middle; margin-right: 5px;}
.copyright p img{max-width: 100%; max-height: 100%; vertical-align: top; margin-right: 10px;}
.copyright p a.btn-link{ color:#999;}
.copyright p b{ font-weight:400;}
.platform-footer{ text-align:center; padding:10px 0 15px; color:#999; font-size:12px; position: absolute; bottom: 0px; z-index:1; width: 100%;}

/*ie提示*/
.ie-warning{ position:relative; width:100%; color: #333; font-size:12px; padding: 10px 20px; background-color: #FFF5CB; border:1px solid #FDEEB2; z-index:9999}
.ie-warning a{color: #FF4343;}

/*认证信息证件放大样式*/
.example-image{position: absolute; left: 165px; top: 0px;}
.example-image span{height:22px; line-height:22px; float:left; margin-right:8px;}
.example-image ul.image-group li:hover .enlarge-image{display:block;}
.example-image .enlarge-image{height:auto; max-width:400px; max-height:300px; border:1px #ddd solid; bottom:0px; left: 68px; position: absolute; background: #fff; display:none; z-index:1; display:none; }

/*后台弹出的登录窗口*/
.backend-form-login{ width: 310px; padding:0px 30px; margin: 20px auto 30px;}
.backend-form-login .form-group{ margin:0 auto; height: 65px; overflow: hidden;}
.backend-form-login .form-group .control-label{ display:none}
.backend-form-login .form-group .form-control-box .input-item-box{height: 38px; border: 1px solid #ddd; position: relative; float:left; }
.backend-form-login .form-group .form-control-box i.icon{display: block; width: 20px; height: 20px; position: absolute; left: 10px; top: 9px; background:url(../../../images/login/user-icon.png) no-repeat -335px -272px}
.backend-form-login .form-group .form-control-box i.icon.user-name{ background-position:-335px -272px}
.backend-form-login .form-group .form-control-box i.icon.user-pwd{ background-position:-300px -271px}
.backend-form-login .form-group .form-control-box i.icon.phonecode{ background-position:-265px -274px}
.backend-form-login .form-group .form-control-box input{line-height: 38px; height: 36px !important; border: 0; background: none; padding: 0px 0 0px 40px; width:248px; float: none; font-size: 14px; overflow: hidden; box-shadow:none;}
.backend-form-login .form-group .captcha,.captcha-image{vertical-align: middle; cursor: pointer; max-width:100px;margin-top: 5px;}
.backend-form-login .safety{ line-height:26px;height: 26px; width:250px;}
.backend-form-login .safety label input[type="checkbox"]{ vertical-align:middle;margin-top: -3px;}
.backend-form-login .safety .forget-password{ color:#1B9AF7}
.backend-form-login .form-login-btn{ background:#58B4FF; color:#fff;width: 250px; display:block; height: 36px;font-size: 14px;text-align: center; line-height: 36px; text-decoration: none; cursor: pointer; border:none}

/*右下角消息提醒弹窗*/
.message-pop-box .message-title h5 i.news-icon,.message-pop-box .message-title .close{ background:url(../images/common/combine_img.png) no-repeat -231px 1px; display: inline-block; }
.message-pop-box{ position:fixed; bottom:5px; right:5px; background: #fff; width:350px; height:200px; z-index:9999; box-shadow: 0 0px 0px 1px rgba(0,0,0,.04); overflow:hidden; border-radius:3px;transition: all 0.5s ease 0s;}
.message-pop-box.up{ bottom:5px; opacity:1; }
.message-pop-box.down{ bottom:-210px; opacity:0;}
.message-pop-box .message-title{ background:#529DE0; height:28px; width:100%; border:1px solid #5993C5; line-height:28px; border-radius:3px 3px 0 0;}
.message-pop-box .message-title h5{ color:#fff;line-height: 26px;padding-left:5px;float: left;}
.message-pop-box .message-title h5 i.news-icon{ width:18px; height:18px; margin-right:5px; display:inline-block;vertical-align: sub; background-position:-231px 2px;}
.message-pop-box .message-title a.close{ float:right; width:28px; height:28px; color:#fff; font-weight: 100; opacity:0.8; cursor:pointer; text-indent: -9999px; background-position: -193px 5px;}
.message-pop-box .message-title a.close:hover{ opacity:0.95}
.message-pop-box .message-info{border:1px solid #e7e7e7; border-top:0px; border-radius: 0 0 3px 3px;  width: 100%; height:172px; padding: 15px; background:#FDFEFF  }
.message-pop-box .message-info .message-icon{background:url(../images/common/combine_img.png) no-repeat 0px -370px; width:130px; height:100%; float:left; display:inline-block; margin-right:10px;}
.message-pop-box .message-info h5{ line-height:24px; margin:20px auto 20px; color:#555;}
.message-pop-box .message-info h5 .num{ margin:0 3px; font-style:normal; font-family:Georgia, Arial; font-size:16px; color:#FF6600; font-weight:600; }
.message-pop-box .message-info .btn.message-btn{  padding: 4px 12px !important;}

/*页面无内容(非表格)样式*/
.no-data-page{ text-align:center; margin:60px auto 120px;}
.no-data-page .icon{ width:150px; height:150px; border-radius:99%; text-align:center;  background:#FAFAFA;  margin:auto auto 30px;}
.no-data-page .icon i{ color:#EFEEF3; font-size:86px; margin:35px auto;}
.no-data-page h5{ font-size:18px; color:#555; margin-bottom:10px; background: none !important; border: none !important;}
.no-data-page p{ font-size:14px; color:#999;}

/*修改弹框修改*/
.editable.editable-click{padding-right: 18px; border-bottom: none;  font-style:normal !important;}
.editable.editable-click:hover,.table-hover tr:hover .editable.editable-click{ background: url(../images/common/edit.png) no-repeat center right;  border-bottom: none;}
.goods_name.editable.editable-click,.goods_name.editable.editable-click:hover{ background: none !important; padding-right: 0   ;}
.name .editable-popup .popover-title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.name .editable-popup{width:380px;}
.name .editable-popup .popover-content textarea{height:70px ; width: 270px; }

/*popover弹框*/
.popover.fade{border-radius: 2px; border: none; box-shadow: 0 1px 6px rgba(0,0,0,.2); max-width:360px;}
.popover.fade .popover-content{ font-size:12px; color: #666;}
.popover.top > .arrow{border-top-color: rgba(0,0,0,.08)}
.popover.left > .arrow{border-left-color: rgba(0,0,0,.08)}
.popover.right > .arrow{border-right-color: rgba(0,0,0,.08);}
.popover.bottom > .arrow{border-bottom-color: rgba(0,0,0,.08);}
/*定位图标样式*/
.location-icon{ width: 17px; height: 17px; vertical-align: middle; display: inline-block; background: url(../images/common/combine_img.png) no-repeat; background-position: -339px -93px; margin-top: -2px;}
.tooltipDark{position: absolute; display: none; opacity: 1; z-index: 10000; padding: 12px 0px 0px; top:34px; left: 0px}
.tooltipDark .tooltip-container{border-radius: 2px; background: rgba(0,0,0,.7); color: #fff; box-shadow: none;}
.tooltipDark .tooltip-container span{padding: 6px 9px; display: block; text-align: center; letter-spacing: 1px; font-size: 12px;}
.tooltipDark .tooltip-top{position: absolute; overflow: hidden; width: 30px;top: 0px; left: 50%; margin-left: 0px; transform: translate(-15px, 0px); height: 12px;}
.tooltipDark .tooltip-top::after{content: "";position: absolute;transform: rotate(45deg);background: rgba(0,0,0,.7); width: 10px; height: 10px;left: 10px; top: 7px; box-shadow: none;}
/*******************************经典原版样式（在默认样式上修改不同的样式，改为了经典样式）*****************************/
.style-original .top-border,.style-original .admincp-container-right .top-border{ display:block}
.style-original .item-title {border-bottom: solid 1px #DEDEDE;}
.style-original .tab-base { top:2px}
.style-original .tab-base a {background-color: #ededed; border-color: #e5e5e5; color:#333;}
.style-original .tab-base a.current,.style-original .tab-base a.current:hover { background-color:#fff; color:#333; border-color: #DEDEDE; border-bottom:#fff}
.style-original .explanation { color: #2dc3e8; border: 1px #2dc3e8 dashed; background:#fff; border-radius: 0px;}
.style-original .explanation li span{ color: #2dc3e8;}
.style-original .search-term {background-color: #FbFbFb;border: 1px #ddd solid;}
.style-original .explanation.up .title i.arrow-icon{ background-position:0px -139px}
.style-original .explanation.down .title i.arrow-icon{ background-position:0px -160px}
.style-original .ico-switch i { font-size:18px;}
.style-original .ico-switch.open,.style-original  .ico-switch.open i { color:#46ACFF}
.style-original .table-responsive .table { border:1px solid #dedede;}
.style-original .table > thead > tr th.handle { text-align:center;}
.style-original .table-hover>tbody>tr:hover { background-color:#F3F5FC}
.style-original .table > tbody > tr > td,.style-original .table > tbody > tr > th,.style-original .table > tfoot > tr > td,.style-original .table > tfoot > tr > th, .style-original .table > thead > tr > td,.style-original .table > thead > tr > th { border-top: 1px solid #dedede; color:#666;}
.style-original .table thead tr th { border-bottom: 1px solid #ddd; background-color: #F9FAFA; font-weight:600; font-size:12px; color:#333;}
.style-original .table tbody tr td a{ color:#666;}
.style-original .table tr td font.f14,.style-original .table tr td .table-edit.f14{ font-size:12px !important}
.style-original .table tr td.handle{ text-align:center}
.style-original .table tr td.handle span { display:inline-block}
.style-original .table tr td.handle span.text-r{ text-align:center !important}
.style-original .table tr td.handle .ng-binding span{ display:block}
.style-original .table tr td.handle a { padding: 3px 8px; cursor: pointer; display: inline-block; color:#46ACFF; background:none; border:0px;}
.style-original .table tr td.handle a:hover,.style-original .table tr td.handle a.active{ color:#fff;box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);background-color: #58B4FF; border-color: #42AAFF;} 
.style-original .table tr td.handle a.del{ color:#FC524E;}
.style-original .table tr td.handle a.del:hover,.style-original .table tr td.handle .del.active {background-color: #FF7575; border-color:#FF4D4D; color:#fff}
.style-original .pagination li.active a,.style-original  .pagination li.active span ,.style-original .pagination li.active:hover a{background-color: #58B4FF; border: 1px solid #42AAFF; color:#fff;}
.style-original .pagination li.active a:hover,.style-original .pagination li.active span:hover {background-color: #58B4FF; border: 1px solid #42AAFF; }
.style-original .table tr td.handle a.disabled,.style-original .table tr td.handle a.disabled:hover{background:none;cursor:not-allowed;color:#bbb; box-shadow:none;}
.style-original .table-responsive.order .table {border: none;}
.style-original .table-content .simple-form-field:last-child .btn.btn-primary,.style-original .table-content .simple-form-field:last-child .form-group .btn.btn-default {padding: 8px 16px; font-size: 12px; border-radius: 2px; line-height: 14px;}
.style-original .btn.btn-danger{background-color: #D9534F; border-color:#D94E4A}
.style-original .btn.btn-danger:hover{background-color: #D9504D; border-color:#D74440}

/*layer弹框下*/
.layui-layer-content .form-group{ margin:0 0 10px;}
.layui-layer-content .table-content{/*padding-top:20px;*/ }
.layui-layer-content .table-content > .simple-form-field:last-of-type,.layui-layer-content .form-horizontal > .simple-form-field:last-of-type { padding:0px;}
.layui-layer-btn a { line-height:26px !important;}

/*颜色选择器*/
.evo-pop{ min-height: 263px; height: auto;}
@-moz-document url-prefix(){.evo-pop{ display: inline-table;}}

/*向导*/
/*.guide-top{color: #777; padding:15px; background-color: #EFF8FC; border: 1px solid #D3EFF5; border-radius:0px;}*/
.guide-title{font-size:17px; margin: 0px auto 10px; color:#EDF5F8; line-height: 28px; background: #1F2E3E; text-align:left; padding: 8px 30px; display:block}
.guide-title.guide-line{border-bottom: 2px solid #ddd; font-size:24px;background: none; color: #333; text-align: center;}
.guide-title.text-l{ background:none; color:#333; padding: 0px 20px; margin-bottom: 0px;}
.guide-step{ padding: 8px 20px; margin: 10px 60px; border-radius: 4px; background:#1C9FF1; color:#fff; text-align:center;}
.guide-step span{ display:inline-block; font-size:16px; padding-right: 70px; position:relative;}
.guide-step span::before { content: ""; right: 20px; top: 12px; position: absolute; display: block; width: 40px; z-index: 1; border-bottom: 1px dashed #fff;}
.guide-step span::after{position: absolute; top: 7px; right: 8px; left: auto; display: inline-block; border-top: 5px solid transparent; border-left: 12px solid #fff; border-bottom: 5px solid transparent; content: '';}
.guide-step span em{ color:#777; font-size: 15px; text-align: left; width: 28px; height: 23px; display: inline-block; display:none; vertical-align: middle; margin-right: 8px; line-height: 20px; background: url(../images/common/step-arrow.png) no-repeat 0 -1px; padding-left: 8px;}
.guide-step span:last-child{ background:none; padding-right:0; margin-right:0;}
.guide-step span.selected{ color:#FAFF76}
.guide-step span.selected::before{border-bottom: 1px dashed #FAFF76;} 
.guide-step span.selected::after{border-left: 12px solid #FAFF76;} 
.guide-step span:last-child::before,.guide-step span:last-child::after{ display:none}
.guide-step span.selected em{ color:#fff; background-position:0px -27px;}
.guide-desc{ font-size:15px; color:#888; text-align:center; margin-bottom:10px;}
.guide-desc-lg{ font-size:15px; font-weight:bold; color:#343434; text-align:left; margin-bottom:10px;}
.guide-content{ position:relative;padding: 0px 0px 30px;max-width: 1080px; min-height:400px; margin:0 auto;}
.guide-content-title{ font-size:15px; font-weight:bold; color:#333; text-align:left; position:absolute; left: 130px; top: -23px;}
.guide-content p{ line-height:20px; font-size: 13px;}
.guide-content .guide-content-image{ margin:auto; display: block;}
.step-text{ position:absolute; left:0px; font-size:12px; max-width: 240px;}
.step-text.right{ right:0px; left:auto}
.step-text dt{width: 22px; height: 22px; border: 1px solid #9F9F9F; float: left; border-radius: 12px; line-height: 20px; font-size: 14px; color: #666; text-align: center; font-family: Arial; font-weight: normal; }
.step-text dd{line-height: 20px; padding-left: 32px;}
.step-text dd a.c-red{ font-size:14px; font-weight:bold; display: inline-block;}
.vip-images{ text-align:center; display:block; width:100%; margin:10px auto; cursor:pointer;}
/*新修改向导*/
.guide-box-clear { overflow: hidden; padding: 30px 20px; margin: 0px auto; width: 1190px;}
.guide-box-clear .guide-box-div{line-height: 1.5; font-weight: 700; margin-bottom: 50px; color: #000; font-size: 24px; display: block;}
.guide-left{ float: left; display: inline-block; }
.guide-left.fixed{position: fixed; top:120px; }
.guide-left ul li{ display: block; color: #333; cursor: pointer; border-radius: 2px; width: 120px; text-align: center; margin-bottom: 10px; padding-top: 20px; padding-bottom: 20px; font-size: 16px; transition: background .2s linear;}
.guide-left ul li.selected,.guide-left ul li:hover{ color: #fff; background-color: #2589ff;}
.guide-center{margin-left: 150px; padding-left: 40px; border-left: 1px solid #ccc; width: 990px; }
.guide-center .guide-item { display: none;}
.guide-center .guide-item.selected{ display: block;}
.guide-center .guide-item .guide-item-title{ font-size: 26px; color: #000;}
.guide-center .guide-item p.guide-item-desc{height: 65px; line-height: 2; font-size: 14px; color: #333;}
/*遮罩提示*/
.prompt-pop-box .prompt-mask{position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
.prompt-pop-box .prompt-pop-model{ position:absolute; z-index: 999; background: url(../images/common/prompt-pop-bg.png) no-repeat;}
.prompt-pop-box .prompt-pop-close{ display: block; cursor: pointer; width:40px; height: 40px; position: absolute; top: 18px; right: -3px;}
.prompt-pop-box .prompt-pop-info{margin: 135px auto 0px 130px; display: block; width: 310px; height: 80px; overflow: hidden;}
.prompt-pop-box .prompt-pop-info p{ font-size: 16px; line-height: 26px; text-align: center; color: #666;}
.prompt-pop-box .prompt-pop-btn{ cursor: pointer; display: inline-block; text-indent: -999px; width: 100px; height: 40px; text-align: center; position: absolute; left: 50%; margin-left: -50px; bottom: 35px; font-size: 16px; line-height: 34px;}
.prompt-light{position: absolute; display: block; z-index: 9999;}
.prompt-light.input{width: 90px;height: 32px;top: 208px;left: 115px;background: #fff;border: 1px solid #999;line-height: 30px;text-align: center;color: #333; border-radius: 2px;}
/*模块划分*/
.model-box{padding: 15px 20px; background: rgba(93,178,255,.1); border: 1px solid #BCE8F1; min-width: 650px;}
.model-box.model-warning{ border-color:#f5e2c8; background: #fff5ec}


/*商品规格选择参照前台*/
/*规格弹框增加大图展示 _start*/
.pop-choose-spec-header{ display: inline-block; width: 460px; height: auto; line-height: auto; background: #fff;}
.pop-choose-spec-header img{ width: 100px; border: #f8f8f8 1px solid; border-radius: 4px; padding: 5px; background: #FFF; margin-left: 15px; float: left;}
.attribute-header-right{margin-left: 10px; margin-top: 15px; float: left; overflow: hidden; width: 70%;}
.attribute-header-right span { display: block; width: 100%; overflow: hidden; color: #666; font-size: 12px; line-height: 120%; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis;}
.attribute-header-right span.goodprice { color: #1B9AF7; font-size: 16px;}
/*规格弹框增加大图展示 _end*/
.pop-choose-spec-main{ padding:20px}
.pop-choose-spec-con .dt,.pop-choose-spec-con .dd{ display: inline-block;}
.pop-choose-spec-con .dd{ width: 360px;}
.pop-choose-spec-con .choose-btn{ text-align: center;}
.pop-choose-spec-con .choose-btn .btn{ margin-right: 5px;}
.pop-choose-spec-con .choose-btn .btn:last-child{ margin-right: 0px;}

/*属性选择弹框*/
.choose{ padding: 10px 0px; width: 460px;}
.choose dl.attr{ display: inline-block;}
.choose dl.attr dt{ text-align: right; float: left; width: 69px; color: #999; margin-top: 10px; margin-right: 10px; font-weight: 400;}
.choose dl dd{ width: 360px; float: left;}
.choose dl.attr dd li{ float: left; position: relative; margin: 0 8px 4px 0; line-height: 28px; vertical-align: middle;}
.choose dl.attr dd li a{ float: left; background-color: #fff; width: auto!important; min-width:36px; padding: 3px 9px 2px; text-align: center; border: 1px solid #b8b7bd; color: #000; display: inline-block;}
.choose dl.attr dd li.selected a{ border: 1px solid #1B9AF7; }
.choose dl.attr dd li.selected i{ position: absolute; bottom: 0.8px; right: 1px; width: 12px; height: 12px; overflow: hidden; display: block; background: url(../images/common/combine_img.png) no-repeat; background-position: -58px -24px;}
.choose dl.attr dd li.invalid a{ border: #b8b7bd 1px dashed; background: #eee; cursor: not-allowed;}
.choose dl.attr dd li a img, .choose dl.attr dd li a span{ float: left; color: #666; height: 30px; vertical-align: middle;}
.choose dl.attr dd li a img{ margin-right: 3px;}
.attr-list { padding: 10px 0; margin: 0; max-height: 200px; overflow-y: auto;}
.attr-list.attr-list-border{ border-width: 1px 0px 1px 0px; border-style: solid; border-color: #ddd; }
.attr-btn{ text-align: center; padding: 10px 0px;}
.attr-btn input{ margin: 0px 5px;}
/*属性规格无库存*/
.choose dl.attr.no-stock-bg{ padding-top: 4px; background-color: #E9F7FE;}
.choose dl.attr dd li.no-stock a{ border: 1px dashed #ccc;}
.choose dl.attr dd li.no-stock a span{ color: #999;}
.choose dl.attr dd li.spec-hover a{ border: 1px solid #1B9AF7;}

::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
} 

/* 收藏网站 */ 
.afpc{ height:0px; top:-40px; transition: 0.5s; z-index: 9999; width:100%;  background-color:#FFF4DB; position:relative; width:100%; min-width:1100px; }
.afpc.show{height:35px; top: 0px; }
.afpc p { text-align:center; margin:0 auto; height:33px; line-height:33px; vertical-align:middle; color:#666; font-size:12px; }
.afpc p a { vertical-align:middle; display:inline-block; width:100px; height:32px; text-indent:-999em; overflow:hidden; background-image:url(../images/common/icon_small.png); background-repeat:no-repeat; }
.afpc p a.afpa { background-position:-1px -139px; margin-right:10px; }
.afpc p a.desktop { background-position:-103px -139px }
.afpc p a.afpa:hover { background-position:-1px -172px }
.afpc p a.desktop:hover { background-position:-103px -172px }
.close_area { position:absolute; right:15px; top:6px; _top:5px; line-height:20px; }
.close_area label { color:#666; cursor:pointer; position:relative;  margin-right:5px; margin-bottom: 0 ;vertical-align: middle;}
.close_area label input{ vertical-align: middle; margin: -2px 5px 0 0;}
.close_area a{ vertical-align:middle; display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:9999em; background:url(../images/common/icon_small.png) no-repeat 1px -124px }
.close_area a:hover { background-position:-13px -124px }
.layui-layer-btn .layui-layer-btn0{border-color: #169BFE !important; background-color: #35ABFE!important}
.layui-layer-btn .layui-layer-btn0:hover{background-color: #169BFE!important; border-color: #0795FE!important;}

/*消息*/
.tool-active-notify{position: fixed;bottom: 0;right: 0;-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);z-index: 89;}
.tool-active-notify a.aw-tool-item {display: inline-block; width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; text-decoration: none; border-left: 1px solid rgba(0, 0, 0, 0.08); color: #666 !important; background: #fff;}
.tool-active-notify a.aw-tool-item .icon{vertical-align: middle; display: inline-block;background: url(../images/common/combine_img.png) no-repeat; margin-right: 5px; width: 18px; height: 16px;}
.tool-active-notify a.aw-tool-item .icon.customer-service { background-position: -547px -194px }



